div内li标签间距_html ul li 横排 间距
时间: 2024-05-10 17:19:43 浏览: 74
div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
您可以使用CSS来设置li标签之间的间距和横排。以下是一些示例代码:
```
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 10px; /* 设置li标签之间的间距 */
}
</style>
<div>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
```
在上面的代码中,我们使用了CSS的`display`属性来将li标签横向排列,并使用`margin-right`属性来设置它们之间的间距。您可以根据需要调整间距的大小。同时,我们还使用了`list-style-type: none;`、`margin: 0;`和`padding: 0;`来去除默认的ul标签样式。
阅读全文