HTML/CSS垂直對齊無線電旁邊的兩條線

Question

我正在嘗試將兩條線對齊到一個單選按鈕的中間，如下所示。

什麼是用CSS來實現這一目標的最佳方式是什麼？我可以排隊頂線，但底線是超級固執。如果可能的話，我試圖不漂浮收音機，因爲它正在使用jquery插件進行重新調整。

感謝您的幫助！

編輯： 這裏是我的代碼，我一直在與：

<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，一個拿着收音機和一個控股的文本。將收音機div的line-height設置爲等於文本div的height。另外加一個vertical-align:middle到收音機本身。

這裏有一個演示：http://jsfiddle.net/AlienWebguy/JffCD/

Answer 2

播放與垂直對齊或邊距您輸入元素的財產。

Answer 3

我實現了這一點，沒有任何額外的標記。 http://jsfiddle.net/KFpXQ/

祝你好運:)