将无线电标签与其旁边的图像对齐

Question

我想将我的无线电标签对准它旁边的图像。

图像宽度=“260”height =“88”，标签包含在表格中

我尝试了这个，但它没有影响：

form input[type="radio"]{
    vertical-align: middle;
    margin-right: 10px;

}

这是表：

<table  border="0" cellpadding="0" align="center">
    <tr>

        <td height="90">    
            <input type="radio" value="">
            <img src="/images.gif" width="260" height="88" />
         </td>
    </tr>
</table>

Answer 1

您还需要将vertical-align: middle添加到图像中。此外，由于您没有包装单选按钮的<form>标记，因此您只需要使用input[type="radio"]将样式应用于单选按钮。

input[type="radio"] {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 0px;

}

#image {
    vertical-align: middle;
}

<table  border="0" cellpadding="0" align="center">
    <tr>

        <td height="90">    
            <input type="radio" value="">
            <img src="http://placehold.it/350x150" id="image" width="260" height="88" />
         </td>
    </tr>
</table>