將無線標籤對齊到它旁邊的圖像

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"]將樣式應用於使用CSS的單選按鈕。

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>