要使块元素（例如 <div> ）水平居中，请使用 margin: auto;。

设置元素的宽度将防止其延伸到容器的边缘。

然后，元素将占用指定的宽度，剩余空间将在两个外边距之间平均分配：

实例代码；

水平列表菜单制作

默认地，列表项是垂直显示的，在本例中，我们使用display:inline-block来水平地显示它们（并排）。

注释：如果您调整浏览器的大小，链接会在变得拥挤时自动换行。

实例代码：

使用display：inline-block属性改变元素的显示方式

 /* 当display值为inline时，此时为默认值，其元素的宽度和高度都不会改变*/

/* 当display值为inline-block时，此时元素的宽度和高度都会改变大小*/

实例代码：

使用float浮动和超链接制作水平菜单

实例代码；

实例代码；

实例代码：

实例代码：

通过使用 float 属性，可以轻松地并排浮动内容框：

实例代码；

实例代码：