我們使用 CSS padding-left 屬性，在項(xiàng)目符號(hào)和文本之間創(chuàng)建一個(gè)空格。它用于設(shè)置元素左側(cè)的填充區(qū)域。
HTML支持有序列表、無序列表和HTML支持有序列表、無序列表，我們必須使用標(biāo)簽，在HTML中創(chuàng)建無序列表。 標(biāo)簽定義了無序列表。我們使用標(biāo)簽開始項(xiàng)目列表。
對(duì)于有序列表，我們必須使用
- 標(biāo)簽，在HTML中創(chuàng)建無序列表。
- 標(biāo)簽定義了有序列表。我們使用標(biāo)簽開始列出項(xiàng)目。
語(yǔ)法
以下是在列表項(xiàng)目符號(hào)和 HTML 文本之間創(chuàng)建空格的語(yǔ)法。
padding-left: value in pixels;
登錄后復(fù)制
示例 1
以下是在HTML中創(chuàng)建列表項(xiàng)目符號(hào)和文本之間添加間距的示例。
<!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>
登錄后復(fù)制
以下是上述示例程序的輸出。
示例 2
另一個(gè)在 HTML 中的列表項(xiàng)目符號(hào)和文本之間創(chuàng)建空格的示例 –
<!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>
登錄后復(fù)制
以上就是如何在HTML中創(chuàng)建列表項(xiàng)目符號(hào)和文本之間的間距？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
