html - 带类的中心元素

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%，因此您无法将其居中。

您可以简单地在 .box 上设置一个 width 来解决这个问题。

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

jsFiddle demo