Heim >Web-Frontend >HTML-Tutorial >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:011547Durchsuche
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 .
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!