<style type= "Text/css" >
*{margin:0; padding:0; list-style:none;}
. nav{max-width:960px; overflow:hidden; margin:0 auto; border:5px solid #F60; padding:10px;}
. Nav ul{margin:-10px 0 0-10px; list-style:none; padding:0;}
. Nav li{width:25%; float:left;}
. Nav li a{color: #fff; display:block; background: #F60; line-height:30px; margin:10px 0 0 10px; text-align:center; font-siz e:12px; Text-decoration:none; }
. Nav Li a:hover{background: #F00}
@media (max-width:480px) {
. nav{padding:5px;}
. Nav ul{margin:-5px 0 0-5px;}
. Nav li{width:50%;}
. Nav Li a{margin:5px 0 0 5px;}
}
</style>
<body>
<div class= "NAV" >
<ul>
<li><a href= "#" > Home </a></li>
<li><a href= "#" > About Us </a></li>
<li><a href= "#" > News Center </a></li>
<li><a href= "#" > Contact Us </a></li>
<li><a href= "#" > Home </a></li>
<li><a href= "#" > About Us </a></li>
<li><a href= "#" > News Center </a></li>
<li><a href= "#" > Contact Us </a></li>
</ul>
</div>
</body>
not going to the meeting, just a process!
This article is from the "Happy and simple" blog, make sure to keep this source http://1120173856.blog.51cto.com/2882946/1638861
CSS field-word layout