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,一个拿着收音机,一个拿着文字.将line-heightradio div设置为等于heighttext div.还要添加一个vertical-align:middle收音机本身.

这是一个演示:http://jsfiddle.net/AlienWebguy/JffCD/