2つの要素を垂直方向にセンタリングする必要があります

Question

2つの要素（divとラベル）を垂直に配置する必要があります。私は高低を検索し、さまざまな修正（相対位置/絶対位置、表示：テーブルなど）を使用してみましたが、これを必要とするように動作させることはできません。

キッカーは、ラベル内の画像が固定された高さではないことです。最大値は200x200ですが、それよりも小さくなる可能性があります。入力ボタンのサイズは約16x16です。

私はHTMLの構造に若干の変更を加えることができますが、それは私のコードではありません。ありがとう！これについて

<ul> 
<li> 
    <div> 
     <input type="radio"> 
    </div> 
    <label> 
     <img> 
    </label> 
</li> 
<li> 
    <div> 
     <input type="radio"> 
    </div> 
    <label> 
     <img> 
    </label> 
</li> 
<li> 
    <div> 
     <input type="radio"> 
    </div> 
    <label> 
     <img> 
    </label> 
</li> 
<li> 
    <div> 
     <input type="radio"> 
    </div> 
    <label> 
     <img> 
    </label> 
</li> 
</ul> 

Answer 1

li{ width : 100%; } li div{ width : 100%; float : left; } li label{ float : left }

方法：

ここでは、コードのストリップダウンバージョンですか？

Answer 2

これは役立つはず：

img { 
    vertical-align: middle; 
    margin-bottom: .25em; 
} 

を「マージン底が」あなたのdivのベースラインが画像の中央に整列されるという事実を補償することです。

http://jsfiddle.net/mblase75/rwfrQ/