圖像和單選按鈕對齊問題

Question

我目前使用此代碼：

<div style="width:200px; height:300px;"> 
<img src="./imgs/Apeiron-Island-Hotel.jpg" style="width:200px; height:200px;"/> <input align="middle" type="radio" name="venue"/></div> 
<div style="width:200px; height:300px;"> 
<img src="./imgs/Apeiron-Island-Hotel.jpg" style="width:200px; height:200px;"/> <input align="middle" type="radio" name="venue"/></div> 
<div style="width:200px; height:300px;"> 
<img src="./imgs/Apeiron-Island-Hotel.jpg" style="width:200px; height:200px;"/> <input align="middle" type="radio" name="venue"/></div> 

它給我的解決方案就像 http://i.stack.imgur.com/ppjjF.png 但我希望它是這樣 http://i.stack.imgur.com/sIDX1.png

我正在嘗試它，因爲最近幾個小時，但我找不到任何解決方案。好心幫我

Answer 1

使用此

<style type="text/css"> 
.auto-style1 { 
text-align: center; 
display:inline-block 
} 

</style> 

<div class="auto-style1" style="width: 200px; height: 300px; float: left"> 
    <img src="./imgs/Apeiron-Island-Hotel.jpg" style="width: 200px; height: 200px;"> 
    <input align="middle" name="venue" type="radio" ></div> 
<div class="auto-style1" style="width: 200px; height: 300px; float: left"> 
    <img src="./imgs/Apeiron-Island-Hotel.jpg" style="width: 200px; height: 200px; float: left"> 
    <input align="middle" name="venue" type="radio" ></div> 
<div class="auto-style1" style="width: 200px; height: 300px;"> 
    <img src="./imgs/Apeiron-Island-Hotel.jpg" style="width: 200px; height: 200px; float: left"> 
    <input align="middle" name="venue" type="radio" ></div> 

Answer 2

嘗試這樣的事情

<div style="width:200px; height:300px; float:left; padding:0px 10px;" align="center"> 
    <img src="test.png" style="width:200px; height:200px;" /> <input align="middle" type="radio" name="venue"/></div> 
    <div style="width:200px; height:300px; float:left; padding:0px 10px;" align="center"> 
    <img src="test.png" style="width:200px; height:200px;"/> <input align="middle" type="radio" name="venue"/></div> 
    <div style="width:200px; height:300px; float:left; padding:0px 10px;" align="center"> 
    <img src="test.png" style="width:200px; height:200px;"/> <input align="middle" type="radio" name="venue"/></div> 

檢查的jsfiddle輸出：http://jsfiddle.net/8ZJP5/