центр элемента с классом

Question

У меня есть проблемы следует, что элемент tripadviser не центрировать внутри DIV:

HTML

<div class="box"> 
    <div class="center"> 
     <div id="TA_rated652" class="TA_rated"> 
     <ul id="aZ2UznGh" class="TA_links ztx26p"> 
      <li id="FyjgLOVkx" class="tmeRQwSrMol"><a href="http://www.tripadvisor.de/Attraction_Review-g293918-d1942956-Reviews-The_Dive_Academy-Koh_Samui_Surat_Thani_Province.html" class="center">The Dive Academy</a></li> 
     </ul> 
     </div> 
     <script src="http://www.jscache.com/wejs?wtype=rated&amp;uniq=652&amp;locationId=1942956&amp;lang=de"></script> 
    </div> 
</div> 

CSS

.block05 .center { 
    display:block; 
    margin-left:auto; 
    text-align:center; 
} 

Как я могу центр моего элемента tripadvisor?

Answer 1

По умолчанию элемент имеет ширину 100%, поэтому вы не можете расположить его в центре ..

Вы можете просто установить width на .box, чтобы исправить это.

.box { 
    margin: 0px auto; 
    width: 170px; 
} 

jsFiddle demo

Answer 2

Я не вижу .block05 в вашем HTML.

Чтобы центрировать div внутри div при использовании выравнивания по тексту, не является опцией, вы можете установить явную ширину на div и задайте поле: 0 auto;

.element{ 
    width:300px; 
    margin:0 auto; 
} 

Это будет центрировать элемент в пределах его контейнерного элемента.