Tema: Centrar contenido con text-align:center;
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/10/2015, 21:28
SLD
 
Fecha de Ingreso: diciembre-2013
Mensajes: 122
Antigüedad: 11 años
Puntos: 6
Respuesta: Centrar contenido con text-align:center;
Cita:
Iniciado por xfxstudios Ver Mensaje
...deberias de tener un div contenedor y los otros 2 dentro de este, algio asi:

Código HTML: 
Ver original
  1. <style>
  2. .central{
  3.     width:100%;
  4.     position:absolute;
  5. }
  6. .logo{
  7.     float:left;
  8.     position:relative;
  9.     z-index:2;
  10.     width:200px;
  11.     background-color:#D2DFF3;
  12. }
  13. .menu{
  14.     text-align:center;
  15.     position:relative;
  16.     z-index:1;
  17. }
  18. </style>
  19. <div class="central">
  20. <div class="logo">
  21. ESTE ES EL LOGO
  22. </div>
  23. <div class="menu">
  24. ESTE ES EL MENU
  25. </div>
  26. </div>
de esa manera ordeno que el logo este a la izquierda y el menu al centro o donde yo quiera
Gracias por la ayuda xfxstudios.

Puedes ver que no funciona:
Código PHP:
<style>
.central{
    width:100%;
    position:absolute;
}
.logo{
    float:left;
    position:relative;
    z-index:2;
    width:200px;
    background-color:#D2DFF3;
}
.menu{
    text-align:center;
    position:relative;
    z-index:1;
}
</style>
<div class="central">
<div class="logo">
ESTE ES EL LOGO
</div>
<div class="menu">
ESTE ES EL MENU
</div>
</div> 
El contenido a centrar no queda centrado...

¿como derá hacerse?...