如何用css设置li标签并排

lewis 6年前 (2019-03-25) 阅读数 11 #程序编程

文章标签 css li标签

在css中设置li标签并排显示的方法：1.创建li标签列表；2.设置li标签左浮动即可；

在css中设置li标签并排显示的方法

1.首先，在页面中创建一个li标签列表；

<body><ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>

2.li标签列表创建好后，在css中将li标签的样式设置左浮动即可；

ulli{float:left;
margin-right:30px;
}

本文仅代表作者观点，不代表米安网络立场。

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。