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

【问题标题】：CSS Images not centering with radio inputsCSS图像不以无线电输入为中心
【发布时间】：2012-12-30 03:46:07
【问题描述】：

我只是尝试内联CSS 来解决这个问题，并在完成后将其移动到我的“样式”文件中。我正在尝试使所有图像和单选按钮内联在周围的DIV 中。我不能做的是让他们在高度方面居中。如您所见，我在第一个单选按钮上尝试了 margin-bottom ，但它没有做任何事情。我究竟做错了什么？我可能需要在某处进行清除修复吗？

<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>

【问题讨论】：

标签： css centering clearfix

【解决方案1】：

我希望这是您正在寻找的 JSFIDDLE

我添加了另一个 <div>，其中包含 input 元素并尝试添加 vertical-align 这在父 <div> 中。我给父div设置了600px的高度，你可以改一下看看。

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

【讨论】：

正是我想要做的......谢谢！