Ul li排版使用

Html用css对UL li排版使用小例子:

<style>
				.faceul{
					margin: 20px auto;/*上下20px，左右居中 如果是四个参数的话，是上右下左*/
					width: 350px;
					height: 500px;
					border: 1px solid blue;
					list-style-type: none;/*去掉列表的点*/
					padding:0;/*清空内部边距*/

				}
				.faceul li{
					width: 50px;
					height: 52px;
					border: 1px solid green;
					text-align: center;
					float: left;/*左浮动，横向显示*/
					margin-left: 5px;/*每个li的位置间隔*/		
					margin-top: 5px;
						}
			</style>
			<!-- 行数会自动增加 -->
			<ul class="faceul">
				<li>第一列</li>
				<li>第二列</li>
				<li>第三列</li>
				<li>第四列</li>
				<li>第五列</li>
				<li>第六列</li>
				<li>第七列</li>
				<li>第八列</li>
				<li>第九列</li>
				<li>第十列</li>
				<li>第十一列</li>
				<li>第十二列</li>
				<li>第十三列</li>
			</ul>