共计五列左侧开始

<html>

<head>

ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; }

a { float:left; width:7em; text-decoration:none; color:white; background-color:purple; padding:0.2em 0.6em; border-right:1px solid white; }

a:hover {background-color:#ff3300}

li {display:inline}

</style>

</head>

<body>

<ul>

<li><a href="#">左侧第一列</a></li>

<li><a href="#">左侧第二列</a></li>

<li><a href="#">左侧第三列</a></li>

<li><a href="#">左侧第四列</a></li>

<li><a href="#">左侧第五列</a></li>

</ul>

<p>

</p>

</body>

</html>