¿menú horizontal y texto debajo también centrado?
Mira a ver si este ejemplo te es útil:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es"> * {margin: 0; padding: 0; border: 0; position: relative;}
html, body {
background-color: #cdcdcd;
}
ul {
margin:15px auto;
text-align:center;
width:20em;
overflow:hidden;
}
ul li {
float:left;
list-style-type:none;
}
ul li a {
display: block;
padding: 5px 10px;
text-decoration: none;
color: #fff;
}
.uno {background: #c0c0c0;}
.dos {background: #707070;}
.tres {background: #4F4F4F}
ul li a:hover {
text-decoration: none;
color: #F0C000;
background: #600000;
}
.contenedor {
width: 76%;
margin: 0 auto;
clear:both;
}
<li><a class="uno" href="#">Enlace 1
</a></li> <li><a class="dos" href="#">Enlace 2
</a></li> <li><a class="tres" href="#">Enlace 3
</a></li> <p>Lorem ipsum dolor sit amet consectetuer Nam congue Aliquam neque habitant. Eget ac Vestibulum malesuada semper facilisis vitae Curabitur Quisque eget enim. In elit consequat adipiscing ultrices quis elit non elit cursus eget. Phasellus Fusce Quisque sit ipsum quis volutpat urna felis in nibh. Tellus in porttitor Pellentesque tristique fringilla sagittis lorem wisi sed neque. Cras Sed dictumst in ac dictumst tincidunt vel auctor nunc ac. Molestie tempus justo et sed orci urna leo cursus.
</p> <p>Et Sed condimentum augue Vestibulum Quisque Sed risus Phasellus consequat dolor. Et felis Ut mauris turpis convallis id sodales auctor gravida Fusce. Consectetuer consequat condimentum interdum In Quisque.
</p>
El menú tiene alguna cosilla innecesaria porque es el de otra consulta (reciclaje de recursos
)
Un saludo