zwei div nebeneinander darstellen

[j-l-n]

Wie kann ich erreichen, dass der reload-Button in der gleichen Zeile wie das Captcha-Bild angezeigt wird?

<div class="captcha" style="text-align:center; width:200px; margin-left:0px;">
  <img src="captcha.php" alt="Captcha wird geladen..." id="captcha" width="200">
</div>

<div class="reload" style="margin-left: 220px;"
  <a href="#reload-captcha" onclick="reload('captcha', 'loading.gif', '30x20'); return false;" title="Captcha nicht lesbar? neu laden">
     <img src="reload.png" height="50" alt="Captcha nicht lesbar? neu laden">
  </a>
</div>

 

[kkapsner]

Entweder mit float: left; (beim Captcha) oder mit display: inline-block; (bei beiden).

Hat beides seine Vor- und Nachteile. Ich tendiere meistens zu inline-block.

 

[j-l-n]

Danke! Ersteres klappt problemlos, letzteres nicht. Bei display:inline-block wird der reload-Button gar nicht mehr angezeigt (vermutlich unter dem Captcha)...

 

[kkapsner]

Bitte - gern geschehen.

Wenn ich oben in den Code das display: inline-block; bei beiden reinschreibe, sehe ich beide...