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

html-css012

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

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

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

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

css如何让三个div并排展示，其实就是设置一个浮动点，让三个div靠左或者靠右浮动；

主要标签用于：float：left(靠左对齐)float:right(靠右对齐)：示例如下：

1、首先打开用到的编辑工具这里用DW

2、为了方便观察，我们把三个div设置三个背景颜色来观察，设置三个div样式这里取名：div1 div2 div3 并且引用三个样式；

详解：background:#颜色；是取的三个不同的div背景颜色；给三个div设置宽度为width:300px高度height:200px

3、展示出来的效果如图：