Question

HTML排版，怎么实现横向放置元素？

请问这种两块并列放置的排版怎么实现啊？

像这样，左边几个方块放置一类信息，右边又防止一类信息，怎么弄啊？
我用div标签，可是它是自动换行的，没法并列设置

Answer 1

Dreamweaver新建一个HTML文件——修改title为html+css——新建一个div  id为“a”——设置代码，给li设置左浮动效果。

具体步骤：

1、用Dreamweaver新建一个HTML文件

2、修改title为html+css实现横向导航

3、新建一个div  id为“a”，添加ul li标签

4、在li中添加自己想要的文字 并调整好文字间距,按F12预览，如下图所示

5、首先去掉字体前面的小黑点，代码如下：

6、接下来，使文字横向排列，设置代码如下，给li设置左浮动效果

7、按F12预览，效果如下

Answer 2

html中可以通过css控制横向排列元素。
设置元素的display属性为inline-block。
display设置或检索对象是否及如何显示。
取值为inline-block时，指定对象为内联块元素。
如果display设置为none，float及position属性定义将不生效；
如果position既不是static也不是relative或者float不是none或者元素是根元素，当display:inline-table时，display的计算值为table；当display:inline | inline-block | run-in | table-* 系时，display的计算值为block，其它情况为指定值；
IE6,7支持inline元素转换成inline-block，但不支持block元素转换成inline-block，所以非inline元素在IE6,7下要转换成inline-block，需先转换成inline，然后触发hasLayout，以此来获得和inline-block类似的效果。

Answer 3

　　这位网友你好，这个一般是用浮动实现的，就是给div加一个属性，如下：

div{ float:left; }

　　这样就可议了，建议你去网上找一些基础的HTML教程看看。

Answer 4

不知道你有没有学过css语言。在css里指定div对象为浮动（float）可以实现div对象的排列。
同时，也可以通过表格实现并排排列。

Answer 5

css 浮动 float