центрирования DIV внутри сНу

Question

страницы Я работаю с: http://jsbin.com/abewe4

Я хочу slogan DIV по центру внутри col3 DIV

Я использую

width: 50%; 
margin: auto; 

на внутренний DIV, но все равно он не работает.

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

Вам необходимо добавить 'text-align: center' to col3.

Answer 3

Я вижу, что у вас есть DIV называется col3 и вложенным ДИВ классифицироваться slogan. Вот как я это сделаю.

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

slogan должен иметь фиксированную ширину для Маржа: 0px авто в центр.

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> 

Вы можете дать любую высоту или ширину col3 или лозунга CSS-код сделает его центром Align всегда

Вы можете поместить любой элемент внутри лозунга, и он будет выровнен по центру :)