Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/03/2006, 16:13
safe
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 21 años, 2 meses
Puntos: 10
Centrar objeto inline

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;
}
__________________
oohh... quisiera ser godines!!!