
ul.tool {
list-style: none;
text-align: center;
font-size:12px;
display: block;
text-indent: 0;
clear: both;
margin: 0;
padding: 0;
}
ul.tool a {
/*color: #000000;*/
text-decoration: none;
text-align: center;
}
ul.tool li {
float:left;
padding: 5px;
text-decoration: none;
font-weight: normal;
background-color: #103C93;
color:#fff;
text-align: center;
}
ul.tool li:hover {
padding: 10px;
background-color:#ccc;
color:#fff;
background-color: #2E5FC5;
text-align: center;
}
#menu {
width: auto;
text-align: center;
background-color: #103C93;
height: 25px;
padding-left: 35%;
}
Y donde ejecuto el menú este:
<div id="menu">
<ul class="tool"><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
Gracias
