水平居中

<!doctype html>
 <head>
  <meta charset="UTF-8">

  <title>水平居中</title>
	<style type="text/css">		
		.box{border:1px dotted red;width:300px;height:100px;margin:20px auto;}	
	</style>

 </head>
 <body>
  <div class="box">
	这是一个盒子中的元素,通过设置margin的属性可以实现水平居中
  </div>
 </body>
</html>

  

posted @ 2018-04-12 21:35  小白字太白  阅读(110)  评论(0编辑  收藏  举报