Hola,
No logro dar en la tecla con el centrado.
Tengo una lista desordenada a la que le aplique float: left; para ponerla en horizontal, pero necesito centrar el contenido del div y el float me esta llevando todo a la izquierda.
CSS:
Código HTML:
#footer {
background: #6a747d;
border-top: 2px solid #888f95;
overflow: hidden;
width: 100%;
min-height: 140px;
height: 100%;
height: auto !important;
clear: both;
margin: 35px auto;
text-align: center;
}
#foot {
width: 53.9%;
color: #FFFFFF
}
#foot ul {
margin: 0;
padding: 0;
list-style: none;
}
#foot li {
float: left;
margin: 0;
padding: 0;
}
#foot li span {
margin:0 10px;
}
el HTML
Código HTML:
<div id="footer">
<div id="foot">
<ul>
<li>Logotipo<span>|</span></li>
<li>© www.host.com.ar<span>|</span></li>
<li>Todos los Derechos Reservados</li>
</ul>
</div>
</div>
si le quito el float a li se centra pero pierde la condicion de lista horizontal.