centrer une div dans un div

Question

la page Je travaille avec: http://jsbin.com/abewe4

Je veux que le slogan div centré à l'intérieur col3 div

J'utilise

width: 50%; 
margin: auto; 

sur la div intérieure mais ça ne marche toujours pas.

Answer 1

.slogan { 
color:#143063; 
font-size:18px; 
**line-height:92px;** //Add this line without the asterisks(*) 
margin:auto; 
text-align:center; 
width:50%; 
} 

Answer 2

Vous devez ajouter 'text-align: center' à col3.

Answer 3

Je vois que vous avez un div appelé col3 et un div imbriqué classé slogan. Voici comment je le ferais.

#col3 { 
    width: 100%; 
    text-align: center; 
} 
.slogan { 
    width: 600px; 
    margin: 0px auto; 
    text-align: left; 
} 

slogan devrait avoir une largeur fixe pour la marge: 0px auto pour le centrer.

Answer 4

<style> 
    .col3{ 
     display:table-cell; 
     width:200px;height:200px; 
     text-align:center; 
     vertical-align:middle; 
     border:1px solid blue; 
    } 

    .col3 .slogan{ 
     border:1px solid red;width:100px;height:100px; 
     display:inline-block; 
    } 
</style> 

<div class="col3"> 
    <div class="slogan"> 
    </div> 
</div> 

Vous pouvez donner une hauteur ou la largeur de col3 ou slogan le css rendra Centré toujours

Vous pouvez mettre un élément à l'intérieur slogan et il sera aligné :)

centre