有两种方法可以将纵向列表转变成横向列表。使用内联(inline)或浮动(float)的列表项。这两种方法都很好，但如果你想链接到具有相同的大小，你必须使用浮动的方法。
创新互联建站-专业网站定制、快速模板网站建设、高性价比喀喇沁网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式喀喇沁网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖喀喇沁地区。费用合理售后完善，十余年实体公司更值得信赖。
利用Dreamweaver新建一个html页面。在body里面输入代码 你好 小鱼 小小 。默认的样式是这样的。编辑li标签的css样式。float：left代表的是元素左对齐。
可以使用弹性布局，display： flex 就可以让div横排，默认布局轴方向就是横向，justify-content： space-between可以是div平均分布在水平轴上。
1、right ： 对象浮在右边 布局靠左浮动 布局靠右浮动 ！-- html注释：清除float产生浮动 -- 二种内联样式：{display：inline；}。
2、让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了。
3、巧妙使用CSS中的display属性。如果需要让li具有高度和宽度，并且需要调节菜单内容的位置，必须将display属性值设置为block，将其变成块级元素后，padding，text-align等属性才起作用。
4、可以使用弹性布局，display： flex 就可以让div横排，默认布局轴方向就是横向，justify-content： space-between可以是div平均分布在水平轴上。
1、巧妙使用CSS中的display属性。如果需要让li具有高度和宽度，并且需要调节菜单内容的位置，必须将display属性值设置为block，将其变成块级元素后，padding，text-align等属性才起作用。
2、right ： 对象浮在右边 布局靠左浮动 布局靠右浮动 ！-- html注释：清除float产生浮动 -- 二种内联样式：{display：inline；}。
3、在ue编辑器中新建一个空白的html文件，css文件。在ue编辑器中输入以下html代码。在ue编辑器中输入以下css代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、默认占一行的，要想实现横向排列，一般通过以下两个方法：float：left这样设置有一个问题，li浮动以后则脱离了文本流，即不占位置，如果它的父级元素有具体的样式且没有固定宽高，建议父元素清除浮动，或者设置固定宽高。
5、利用Dreamweaver新建一个html页面，在body里面输入代码 xx xx xx 编辑li标签的css样式 float：left代表的是元素左对齐。这样li标签就可以横排显示了，list-style：none用来去除li标签前面的小圆点。