Въпрос за подреждане в HTML5

[DevNull]

Здравейте.
Имам следния код :

                 <?
$select = mysql_query("SELECT * FROM news ORDER BY id DESC LIMIT 3")or die(mysql_error()); 
$num = mysql_num_rows($select); 
for ($i=0;$i<$num;$i++) { 
$title	 = mysql_result($select, $i, "title"); 
$image = mysql_result($select, $i, "image"); 
$content = mysql_result($select, $i, "content"); 
?>
<div class="events">
                    <h3><?echo$title;?></h3>
                    <img src="<?echo$image;?>" alt="" class="img-border"> 
                    <p><?echo$content;?></p>
                  
 </div>
<?
} 
?>

img-border е просто за заоблен бордер на изображението.

Съдържанието на class events е

.events {position:relative;width:278px; clear:both;}

Ползвам clear:both; за да ги подреждам едно под друго.
Въпроса ми е понеже текста излиза под изображението как мога да го "настроя" такаче да излиза от дясно на изображението.

:?:

 

[deam0n]

.img-border { float: left; }


?

 

[DevNull]

Не.
Пробвах го и преди но текста продължава да си стои отдолу.

 

[DevNull]

Оправих го. трябвало е да сменя настройките на по-горен див който е за цялата страница между <header></header> и <footer></footer>


Иначе благодаря за предложението.