CSS图像不以无线电输入为中心

时间:2013-01-15 22:21:49

标签: css centering clearfix

我只是尝试内联CSS来实现这一点,并在完成后将其移至我的“样式”文件中。我正在尝试的应该使周围的DIV内嵌所有图像和单选按钮。我不能做的是让他们以身高为中心。我可以看到第一个单选按钮上的边缘底部,但它没有做任何事情。我究竟做错了什么?我可能需要在某个地方使用clearfix吗?

<div style="height:30px;">


            <input type="radio" name="pay_type" checked="checked" style="margin-bottom:10px;">&nbsp;&nbsp;&nbsp;<img src="/images/cards.png" style="margin-right:40px;">
            <input type="radio" name="pay_type">&nbsp;&nbsp;&nbsp;<img src="/images/pay-pal.png" style="margin-right:40px;">
            <input type="radio" name="pay_type">&nbsp;&nbsp;&nbsp;<img src="/images/amazon-payments.png">


</div>

1 个答案:

答案 0 :(得分:1)

我希望这就是你要找的东西 JSFIDDLE

我添加了另一个包含<div>元素的input并试图vertical-align 这在父<div>内。我给父div一个600px的高度,你可以改变它并检查。

但是我还有内联样式。一旦它适合你就改变它。