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

使用输入元素的vertical-align或页边距顶部属性。

Answer 3

我在没有任何额外标记的情况下实现了这一点。http://jsfiddle.net/KFpXQ/

祝你好运:)