イメージを別のサイズに整列させ、テキストをリストの中央に整列させますか？

Question

この例ではCSSを使用してすべてを中央に配置できますか？そうでない場合、私は何をすべきですか？

画像が同じ高さではないので、画像がさらに複雑になります。私が欲しいのは、すべての画像とテキストが一直線になるように並べることです。ここで

フィドルです：http://jsfiddle.net/cRGeD/

Answer 1

単純な答えを使用スパンの代わりに、李

http://jsfiddle.net/cRGeD/22/

Answer 2

これはあなたを助けることができる、私はテキストのDIVを追加し、左にそれを浮かべている、 その後、調整行の高さのLiの250％、フィドル http://jsfiddle.net/chanduzalte/cRGeD/8/

Answer 3

編集をチェック：ここで私はあなたのjsFiddleの最初の2つの項目に以下の原則を適用しました：http://jsfiddle.net/cRGeD/23/。

HTML

<span class="icon question-icon">1234</span> 

CSS

.icon{ 
    padding-left: 20px; 
    background-position: left center; 
    background-repeat: no-repeat; 
    display: inline-block; 
} 

.question-icon{ 
    background-image: url("../path/for/images.jpg"); 
} 

あなたが別のアイコンに異なるクラスを使用して、唯一の新しいクラスへのイメージのパスを追加する必要がありますすることができますこの方法。