不以廣播輸入爲中心的CSS圖像

Question

我只是試圖將內聯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> 

Answer 1

我希望這是你在找什麼 JSFIDDLE

我包括另一個<div>其中包含input元素，並試圖vertical-align 這個父<div>內。我給父母的高度600px，你可以改變它並檢查。

但是我仍然有內聯樣式。一旦它適合你，就改變它。