<html>
<style>
li.tab_sel
{
/*float:left;*/
list-style:none;
Font-weight: bold;
Color: white;
Height: 20px;
Line-height: 20px;
Border-width: 1px;
Border-style: solid;
Padding-left: 20px;
Padding-right: 20px;
background-color: -sharp4D4F53;
Text-decoration: none;
Text-transform: uppercase;
}
li.tab_sel:hover
{
Background: -sharp7AB800;
Color: -sharp000000;
}
-sharptitle{
height: 20px;
width: auto;
padding:0px;
margin:0px;
}
-sharptitle ul{
width: auto;
padding:0px;
margin:0px;
float:left;
}
</style>
<div class="title">
<ul>
<li class="tab_sel">a</li>
<li class="tab_sel">b</li>
<li class="tab_sel">c</li>
</ul>
</div>
</html> the above code produces the following effect:
how do I place A/B/C on the far left? Leave no white space on the left and top