CSS怎么把li内容显示在一行?

如题所述

1、input {display:block; float:left; }

ul {margin:0px; padding:0px; float:left; }

这样就可以让input和ul显示在一行了。

但这样出现的问题是,紧跟着的内容也会跑到一行去,所以这里的ul后面再加一个div用来清除浮动。

2、input {display:block; float:left; }

ul {margin:0px; padding:0px; float:left; }

div {clear:both; } 

3、当然,你也可以用两个td来并列实现,如:

<table><tr><td><input type="text" size="30" maxlength="100" value=""></td><td><ul class="errorMessage" style="color: red"><li><span>2134</span></li></ul></td></tr></table>

温馨提示:内容为网友见解,仅供参考
无其他回答

li如何去掉前面点,并且放在一行
li去掉前面点,并且放在一行方法:1、在CSS中写上list-style:none。通过这个属性,可以去除列表样式。2、在CSS中加上list-style-type:none。和上一种方式一样,只是用了不同的属性。3、在li标签里面直接加入列表样式,前面两个给了样式去除圆点,后面两个没给,还会显示出来。4、当然,也可以给标签一...

CSS怎么将所有LI的内容排成一行
}<\/style><\/head><body><li>11<\/li><li>111<\/li><li>11<\/li><\/body><\/html>使用display:inline;将li转换为行内元素即可

如何把无序列表用css平铺为一行?
用css的浮动属性,float:left;比如代码如下:<ul> <li>内容<\/li> <li>内容<\/li> <li>内容<\/li> <\/ul> 在css里面控制 li{float:left;} 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

css li内标签一行显示
用浮动或者display:inline-block

html css 问题 如何让文本输入框和一个Li显示在一行上
ul {margin:0px; padding:0px; float:left; } 这样就可以让input和ul显示在一行了。但这样出现的问题是,紧跟着的内容也会跑到一行去,所以这里的ul后面再加一个div用来清除浮动。input {display:block; float:left; } ul {margin:0px; padding:0px; float:left; } div {clear:both; } 当...

css里面li多个不能一行显示 急
在li的css里面设置float:left

一行显示3个<li>的CSS怎么写?
1、利用Dreamweaver新建一个html页面。2、在body里面输入代码 <ul> <li>你好<\/li> <li>小鱼<\/li> <li>小小<\/li> <\/ul>。3、默认的样式是这样的。4、编辑li标签的css样式。5、float:left代表的是元素左对齐。这样li标签就可以横排显示了,list-style:none用来去除li标签前面的小圆点。

css li在一行里显示
顺序搞错了,呵呵 你变换下顺序就OK了,把span和 新闻标题对换下位置 正确代码如下:<ul> <li style="float:left;"> <span style="float:right;">11th Dec 2013<\/span> 新闻标题 <\/li><\/ul>

css里ul下面的li的文字为什么总是显示一排
默认不是显示一排的,应该是你在css里头设置了display:inline,或者float属性,才会导致显示一行

急求css代码怎么写才可以让超链接的文字和前面的文字显示在同一行!!
把超链接<a>转换为区块display:block;然后设置你想要的width和height,最后float:left;基本上就可以了!还有一种方法是给他们都加上一个列表<ul><li><\/li><\/ul>然后display:inline;或者float:left;你试试看,希望帮助到你!

相似回答