网页设计中，怎么用CSS让不同行的字显示在一行，例如图所示，上面怎么变成下面这种？

html-css0233

网页设计中，怎么用CSS让不同行的字显示在一行，例如图所示，上面怎么变成下面这种？,第1张

可以通过浮动来设置，让不同行的两行一个左浮动，一个右浮动，这样，它们就显示在一行了。

还有一种方法是所有元素都左浮动，然后指定宽度，让宽度正好是两列的值，那么到两行的时候，它会自动折行。

通过决定定位，分别对没一行文字进行绝对定位，因为是绝对定位，所以可以指定它们到任意位置。position:absolute可以解决这个问题。

1、input {display:blockfloat:left}

ul {margin:0pxpadding:0pxfloat:left}

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

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

2、input {display:blockfloat:left}

ul {margin:0pxpadding:0pxfloat: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>