cssのli内のdivのセンタリング

Question

本当に簡単に私は知っていますが、私のためではありません...私はこれを理解できません！

<ul> 
    <li>Hi</li> 
    <li>Hello World 
    <div>Hello again</div> 
    </li> 
    <li>Hola</li> 
</ul> 

liの中心と一致するようにliの内側のdivの中心が必要です。今は、左側と左側に整列しています。私はこのための簡単な修正があるはずですが、私はそれを見つけることができないことを知っている！私はそれがdivであり、liではないことが必要です。助けて頂ければ幸いです。誰とも皆に事前に感謝します！ div要素がダウンしjqueryのを使用して、マウスオーバーのドロップですが、私はdiv要素はLiよりも大きくする必要がある、側面を揃えている残って

#show li{float: left; 
      padding: 10px; 
      width: 100px; 
      display: block;} 
    .sub{position: absolute; 
     display: block; 
     background: #333; 
     color: white; 
     width: 910px; 
     margin: 0 auto;} 

：ここ

は、私が今持っているCSSの小さな作品です李の左側に、私は李の下の中心にdivを必要とします。私はこれが理にかなってほしい。マージン0の自動は機能しません。

Answer 1

このように、divのクラスを与える：それはあなたのLiの幅よりも小さいです幅を与え、追加し、その後

<div class="someClass">Hello again</div> 

を「マージン：オート」それを中央に：

.someClass { width: 80%; margin:auto }