您好,欢迎访问一九零五行业门户网

如何在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中创建列表项目符号和文本之间的间距?的详细内容。
其它类似信息

推荐信息