Hola, paso a comentarles mi situacion:
tengo el siguiente codigo para crear un menu y un texto.
Código:
<div id="tabnavigation">
<ul id="tabs">
<li class="actual"><a href="#">Enlace 1</a></li>
<li><a href="#">Enlace 2</a></li>
<li><a href="#">Enlace 3</a></li>
<li><a href="#">Enlace 3</a></li>
</ul>
<p>texto de ejemplo</p>
</div>
Y lo que quiero lograr mediante CSS es que el menu sea horizontal y quede centrado horizontalmente y que el texto se ubique a la derecha del menu.
Tengo hecho basicamente todo, pero el problema es que para poder centrar el menu tiene que estar como objeto de bloque. Y si esta como objeto de bloque el texto se ubica abajo del menu.
En cambio si el menu esta como display: inline el texto se ubica perfectamente, pero el menu queda ubicado a la izquierda.
¿como puedo mantener la propiedad inline del menu y centrarlo al mismo tiempo?
este es el codigo CSS que tengo hasta el momento.
Código:
div#tabnavigation {
display: block;
height: 34px;
}
ul#tabs {
display: block;
height: 34px;
width: 420px;
padding: 0;
margin: 0 auto;
list-style: none;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
ul#tabs li {
float:left;
width:84px;
height: 34px;
text-align: center;
}
div#tabnavigation p {
height: 24px;
padding: 5px 35px;
margin: 0;
font-size: 9px;
font-weight:normal;
color: #999;
text-align: right;
}