如何在HTML中创建列表项目符号和文本之间的间距？
我们使用 CSS padding-left 属性，在项目符号和文本之间创建一个空格。它用于设置元素左侧的填充区域。
HTML支持有序列表、无序列表和HTML支持有序列表、无序列表，我们必须使用ff6d136ddc5fdfeffaf53ff6ee95f185标签，在HTML中创建无序列表。 ff6d136ddc5fdfeffaf53ff6ee95f185标签定义了无序列表。我们使用25edfb22a4f469ecb59f1190150159c6标签开始项目列表。
对于有序列表，我们必须使用c34106e0b4e09414b63b2ea253ff83d6标签，在HTML中创建无序列表。c34106e0b4e09414b63b2ea253ff83d6标签定义了有序列表。我们使用25edfb22a4f469ecb59f1190150159c6标签开始列出项目。
语法
以下是在列表项目符号和 HTML 文本之间创建空格的语法。
padding-left: value in pixels;
示例 1
以下是在HTML中创建列表项目符号和文本之间添加间距的示例。
<!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>
以下是上述示例程序的输出。
示例 2
另一个在 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>
以上就是如何在HTML中创建列表项目符号和文本之间的间距？的详细内容，更多请关注双恒网络其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
云资源网
