HTML/CSSラジオの横に2行垂直に整列する

Question

ラジオボタンの中央に2本の線を揃えようとしています。

CSSでこれを達成するための最良の方法は何ですか？私はトップラインを並べることができますが、ボトムラインは超頑固です。可能であれば、jqueryプラグインを使ってスタイルを変更しているので、ラジオをフロートしないようにしています。

ありがとうございました！

EDIT：

<div> 
     <input id="method-{{Description}}" type="radio" name="project[shipping-method]" value="{{Description}}" /> 
      <label for="method-{{Description}}" class="pb-shipping-method-label">{{Description}} ({{DeliveryTime}}) 
      <span>{{Price}}</span></label> 
    </div> 

Answer 1

つのdiv、ラジオを保持する1つずつのテキストを保持： は、ここで私が取り組んできた私のコードです。ラジオdivのline-heightをテキストdivのheightに設定します。また、ラジオ自体にvertical-align:middleを追加します。

ここでデモです：あなたのinput要素の垂直揃えまたはマージントップ性を有するhttp://jsfiddle.net/AlienWebguy/JffCD/

Answer 2

プレイ。

Answer 3

これは何も追加のマークアップなしでこれを達成しました。 http://jsfiddle.net/KFpXQ/

幸運:)