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
Hier ist die Syntax zum Erstellen eines Leerzeichens zwischen Listenaufzählungszeichen und HTML-Text.
padding-left: value in pixels;
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.
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!
Baidu SEO-Methode zur Optimierung des Keyword-Rankings
Welche Möglichkeiten gibt es, Shell-Skripte auszuführen?
Was bedeutet „Netzwerkzugriff verweigert' WLAN?
Tutorial zur Verwendung von Kindeditor
Einführung in den Dateityp
Ändern Sie die Hintergrundfarbe des Wortes in Weiß
Flex-Tutorial
So lösen Sie das Problem, dass Teamviewer keine Verbindung herstellen kann
