私はこれが私のバイオリンでのdivコンテンツ

Question

を中央にすることはできません設定http://jsfiddle.net/7UwD2/

私は、インターネット上で見つかったすべてのものを試してみました。

text-align: center;をhead-titleクラスに追加する場合のみ、中心に配置されますが、テキストのみが左の位置に表示されます。

どこに問題がありますか？

Answer 1

を、代わりに内部DIVのSPANを使用

画像にvertical-align: middleを適用し、SPAN

外側のDIVに使用 text-align: center、

、画像からfloatを削除

HTML：

<div class="head-title"> 
    <img class="list-icon" src="..."> 
    <span>Menu</span> 
</div> 

CSS：

.head-title { 
    width: 150px; 
    height: 26px; 
    padding: 5px;   
    text-align: center; 
} 

.head-title > * { 
    vertical-align: middle; 
} 

.list-icon { 
    width: 24px; 
    height: 24px; 
} 

ライブデモ：http://jsfiddle.net/7UwD2/6/