Html 如何将pic与单选按钮的同一行对齐？

我已经做了浮动和内联，但没有工作。希望你们能帮助我。 事情是这样的

<form action="#">
<input type="radio" class="inline" name="pay" value="visa"><img src="pic1.gif">
<input type="radio" class="inline" name="pay" value="master"><img src="pic2.gif">
<input type="radio" class="inline" name="pay" value="paypal"><img src="pic3.jpg">
</form>

CSS:

---

定义您的

输入

收音机

和

img

标记此

css

    .inline,.inline + img{
     display:inline-block;
   vertical-align:middle
    } 

---

使用

垂直对齐：中间对齐；浮动：左
使用
垂直对齐：中间
到
img
标签

HTML

<form action="#">
    <input type="radio" class="inline" name="pay" value="visa"><img src="http://www.m8betting.com/M8betting/Upload/3746/thumbs/image_placeholder8.gif">
    <input type="radio" class="inline" name="pay" value="master"><img src="http://www.m8betting.com/M8betting/Upload/3746/thumbs/image_placeholder8.gif">
    <input type="radio" class="inline" name="pay" value="paypal"><img src="http://www.m8betting.com/M8betting/Upload/3746/thumbs/image_placeholder8.gif">
</form>

我能把它定为一门课吗？我的网页上有其他图像是的，你可以，你也可以在表单标签中使用类“inline_img”（见下面的示例链接），使其出现一次，并更新css，如（.inline_img img{vertical align:middle；}
    .inline,.inline + img{
     display:inline-block;
   vertical-align:middle
    } 

<form action="#">
    <input type="radio" class="inline" name="pay" value="visa"><img src="http://www.m8betting.com/M8betting/Upload/3746/thumbs/image_placeholder8.gif">
    <input type="radio" class="inline" name="pay" value="master"><img src="http://www.m8betting.com/M8betting/Upload/3746/thumbs/image_placeholder8.gif">
    <input type="radio" class="inline" name="pay" value="paypal"><img src="http://www.m8betting.com/M8betting/Upload/3746/thumbs/image_placeholder8.gif">
</form>

img{
    vertical-align:middle;
}