我怎樣才能<br>兩個圖像旁邊的一個圖像？

Question

我把我的網站驗證，這是它的圖片

current layout http://disk128.sherifmohamed.com/images/default.png

我需要改變刷新圖標的地方，變成了這個樣子

desired layout http://disk128.sherifmohamed.com/images/required.png

但是當我把<br>之間的語音和刷新圖標我發現它變得像這樣：

erroneous layout http://disk128.sherifmohamed.com/images/p1.png

我也發現這一點：

erroneous layout http://disk128.sherifmohamed.com/images/p2.png

這裏是我的代碼：

<p> 
    <img id="siimage" style="border: 1px solid #000; margin-right: 15px" src="./securimage_show.php?sid=<?php echo md5(uniqid()) ?>" alt="CAPTCHA Image" align="left"> 
    <input type="text" value="إكتب هنا"onfocus="(this.value == 'إكتب هنا') && (this.value = '')"onblur="(this.value == '') && (this.value = 'إكتب هنا')" name="ct_captcha" size="3" style="color: #00FFFF; border:1px solid #FFff00; height:80px; background color:#001003; background:#001003; font-family:Arial; font-size:50px; padding:1px" maxlength="6" /> 
    <object type="application/x-shockwave-flash" data="./securimage_play.swf?bgcol=#ffffff&amp;icon_file=./images/audio_icon.png&amp;audio_file=./securimage_play.php" height="32" width="32"> 
     <param name="movie" value="./securimage_play.swf?bgcol=#ffffff&amp;icon_file=./images/audio_icon.png&amp;audio_file=./securimage_play.php" /> 
    </object> 
    &nbsp; 
    <a tabindex="-1" style="border-style: none;" href="#" title="Refresh Image" onclick="document.getElementById('siimage').src = './securimage_show.php?sid=' + Math.random(); this.blur(); return false"><img src="./images/refresh.png" alt="Reload Image" onclick="this.blur()" align="bottom" border="0"></a> 
<br /> 
</p> 

Answer 1

@Sherif穆罕默德，試試下面的代碼。如果需要，我只是在css中做了一些更改;）

<div style="width:100%;"> 
    <div style="width: 25%; float: left;"> 
    <img id="siimage" src="./securimage_show.php?sid=<?php echo md5(uniqid()) ?>" alt="CAPTCHA Image" align="left"> 
    <input type="text" value="إكتب هنا"onfocus="(this.value == 'إكتب هنا') && (this.value = '')"onblur="(this.value == '') && (this.value = 'إكتب هنا')" name="ct_captcha" size="3" style="color: #00FFFF; border:1px solid #FFff00; height:80px; background color:#001003; background:#001003; font-family:Arial; font-size:50px; padding:1px" maxlength="6" /> 
</div> 
<div style="width:60%;"> 
    <object type="application/x-shockwave-flash" data="./securimage_play.swf?bgcol=#ffffff&amp;icon_file=./images/audio_icon.png&amp;audio_file=./securimage_play.php" height="32" width="32"> 
    <param name="movie" value="./securimage_play.swf?bgcol=#ffffff&amp;icon_file=./images/audio_icon.png&amp;audio_file=./securimage_play.php" /> 
    </object><br/> 
    <a tabindex="-1" style="border-style: none;" href="#" title="Refresh Image" onclick="document.getElementById('siimage').src = './securimage_show.php?sid=' + Math.random(); this.blur(); return false"><img src="./images/refresh.png" alt="Reload Image" onclick="this.blur()" align="bottom" border="0"></a><br /> 
    </div> 
</div>