li水平样式css，css中水平线怎么做

如何把两个LI并排成水平,要在CSS里控制

首先得明白行内元素和块级元素。li 是块级元素，要想使两个LI并排成水平排列，得把块级元素转化为行内元素。

给li加上浮动，就是float：left； 就可以了。 如果不明白，可以百度hi我，或者追问，或者留下q，我给你讲到你会为止。

html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：button {display： inline-block}。浏览器运行index.html页面，此时2个按钮水平对齐了。

第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，输入CSS代码“button {display： inline-block}”，见下图，转到下面的步骤。

都用float：left就行，然后因为你的border宽度是1px，所以都用50%是会被挤下来的。

相关问答

Q1: CSS问题,如何让ul水平排列

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的ul标签中，输入样式代码：text-align： center；list-style： none；。

要实现UL标签水平居中，关键在于CSS中 display：inline 的运用。

实现原理：利用css定位规则，设置左右、上下方向定位为0，margin为auto，让css根据定位计算margin值，用hack的方式实现居中。

首先得明白行内元素和块级元素。li 是块级元素，要想使两个LI并排成水平排列，得把块级元素转化为行内元素。

一般有两种方法 可以使用display：inline；然后给每个li使用padding或margin设置边距 可以使用浮动的方法float：left；来实现，这个我个人使用的比较少，我一般都是使用的第一种方法布局。

Q2: 在ul中如何使li水平显示

1、如果你ul li里面加a票签的话，可以在.nav ul li a{display：block； text-align：center； line-height：30px；}把a做成块极元素，然后文本居中 再给个行高。

2、margin：0 auto 实现水平居中。

3、一般有两种方法 可以使用display：inline；然后给每个li使用padding或margin设置边距 可以使用浮动的方法float：left；来实现，这个我个人使用的比较少，我一般都是使用的第一种方法布局。

4、建一个div，ul里面包括四个li，在css样式里面设置li水平对齐就行了，text-align：center； 如果发现图片不能对齐的话，可以对它单独设置个padding值。

li水平样式css的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中水平线怎么做、li水平样式css的信息别忘了在本站进行查找喔。