Heim  >  Artikel  >  Web-Frontend  >  Wie erstelle ich einen Abstand zwischen Listenaufzählungszeichen und Text in HTML?

Wie erstelle ich einen Abstand zwischen Listenaufzählungszeichen und Text in HTML?

王林
王林nach vorne
2023-09-18 10:57:011516Durchsuche

Wir verwenden die CSS-Eigenschaft padding-left, um einen Abstand zwischen dem Aufzählungszeichen und dem Text zu schaffen. Es wird verwendet, um den Füllbereich auf der linken Seite des Elements festzulegen.

HTML unterstützt geordnete Listen und ungeordnete Listen und HTML unterstützt geordnete Listen und ungeordnete Listen. Wir müssen das

    -Tag verwenden, um eine ungeordnete Liste in HTML zu erstellen. Das Tag
      definiert eine ungeordnete Liste. Wir beginnen die Projektliste mit dem Tag
    • .

      Für geordnete Listen müssen wir

        -Tags verwenden, um ungeordnete Listen in HTML zu erstellen. Das

          -Tag definiert eine geordnete Liste. Wir beginnen mit der Auflistung von Artikeln mit dem Tag
        1. .

          Wie erstelle ich einen Abstand zwischen Listenaufzählungszeichen und Text in HTML?

          Grammatik

          Hier ist die Syntax zum Erstellen eines Leerzeichens zwischen Listenaufzählungszeichen und HTML-Text.

          padding-left: value in pixels;
          

          Beispiel 1

          Hier ist ein Beispiel für die Erstellung einer Liste in HTML, bei der Abstände zwischen Aufzählungszeichen und Text hinzugefügt werden.

          <!DOCTYPE html>
          <html>
          <head>
             <meta charset="UTF-8">
             <meta http-equiv="X-UA-Compatible" content="IE=edge">
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
          </head>
          <body>
             <ul >
                <li style="padding-left: 30px">Abdul</li>
                <li style="padding-left: 30px">Jason</li>
                <li style="padding-left: 30px">Yadav</li>
             </ul>
          </body>
          </html>
          

          Das Folgende ist die Ausgabe des obigen Beispielprogramms.

          Beispiel 2

          Ein weiteres Beispiel für die Schaffung von Abstand zwischen Listenaufzählungszeichen und Text in HTML -

          <!DOCTYPE html>
          <html>
          <head>
             <title>HTML Lists</title>
          </head>
          <body>
             <h1>Developed Countries</h1>
             <p>The list of developed countries:</p>
             <ul style="list-style-type:disc">
                <li style="padding-left:1em">US</li>
                <li>Australia</li>
                <li>New Zealand</li>
             </ul>
          </body>
          </html>
          

        Das obige ist der detaillierte Inhalt vonWie erstelle ich einen Abstand zwischen Listenaufzählungszeichen und Text in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

      1. Stellungnahme:
        Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen