Heim  >  Fragen und Antworten  >  Hauptteil

Nach dem Hinzufügen des <span>-Tags verschwindet der Text

<p>Ich bin ein Neuling im Erlernen von HTML zum Entwerfen von E-Mail-Vorlagen. Ich muss Text vor dem Symbol hinzufügen und sicherstellen, dass der Text in der nächsten Zeile ausgerichtet bleibt. Ich verwende das Tag <li>, um den Text nach dem Symbol richtig auszurichten. Aber aus irgendeinem Grund scheint es nicht zu funktionieren. </p> <p>Nach dem Hinzufügen des <li>-Tags wird der Text nicht angezeigt, sondern verschwindet. Wenn ich <li> entferne, wird der Text wieder angezeigt. Ich bin mir nicht sicher, was die Ursache für dieses Verhalten ist. Jede Hilfe wird sehr geschätzt. Dank im Voraus. </p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html lang="de"> <Kopf> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>Browser</title> </head> <div class="b opaf v" style=font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%> <table cellpadding=0 style=border:none;vertical-align:top width=100%> <tr> <td align=left class=x style=font-size:0;word-break:break-word> <div style=text-align:left> <p style=margin:0;text-align:left><span style=font-size:12px;font-family:Arial,sans-serif;font-weight:400;color:#54565b;line-height :14px><span style=color:inherit;font-weight:inherit;font-family:inherit;font-size:65%;vertical-align:4px;line-height:0>&sect;</ span> ; </span> </p> </div> </td> </tr> </table> </div> <script src="script.js"></script> </body> </html></pre>
P粉226642568P粉226642568433 Tage vor544

Antworte allen(1)Ich werde antworten

  • P粉949848849

    P粉9498488492023-08-14 17:08:38

    我认为有些基本的HTML结构没有遵循。我相信这是期望的输出。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link rel="stylesheet" href="style.css" />
      <title>Browser</title>
    </head>
    
    <body>
      <div class="b opaf v" style="font-size: 0; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
        <table cellpadding="0" style="border: none; vertical-align: top; width: 100%;">
          <tr>
            <td align="left" class="x" style="font-size: 0; word-break: break-all;">
              <div style="text-align: left;">
                <ul style="margin: 0; padding-left: 20px; list-style-type: "&sect;;">
                  <li style="font-size: 12px; font-family: Arial, sans-serif; font-weight: 400; color: #54565b; line-height: 14px; position: relative;">
                    <span style="color: inherit; font-weight: inherit; font-family: inherit; font-size: 65%; vertical-align: 4px; line-height: 0;">&sect;</span>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  </li>
                </ul>
              </div>
            </td>
          </tr>
        </table>
      </div>
      <script src="script.js"></script>
    </body>
    
    </html>

    Antwort
    0
  • StornierenAntwort