Выравнивание текста

[FiRеFоX]

Как текст написать ниже текста, который возле картинки? (на скриншоте показано красным цветом как должно быть)
Текст дива:

.div{
font: normal 13px normal;
padding: 5px;
background-color: #fff;
border: 2px solid #000;
margin: 5px 3px;
}

Сам текст на странице:

echo '<div class="div">
<img src="/images/noavatar.gif">
<span style="vertical-align: top;"><a href=""><b>'.$res['login'].'</b></a> ['.$res['uroven'].'] Сейчас: Онлайн </span>
</div>';

Вобщем ПОД логином персонажа и его уровнем нужно сделать ссылки "Письмо" и "Удалить из друзей".
Я ставлю после "</span>" тэг "<br>" а дальше текст пишется под картинкой((

 

[tigra60]

Я ставлю после "</span>" тэг "<br>" а дальше текст пишется под картинкой

Ну, и что вас смущает?
Есть еще, как минимум, два способа осуществить нужную раскладку:
1. HTML:

<div class="div>
	<img src="ava.png" alt="avatar">
        <span><a href="#:><b>Login</b> [1] Сейчас онлайн</span>
	<span>тут должен быть текст</span>
</div>

CSS:

div.div img {float:left}
div.div span {display:block}

2. HTML:

<div class="div>
	<img src="ava.png" alt="avatar">
	<p><a href="#:><b>Login</b> [1] Сейчас онлайн</p>
	<p>тут должен быть текст</p>
</div>

P.S. А объясните, пожалуйста, смысл стиля verticl-align:top для элемента SPAN. Ну, разве, что где-нибудь к нему приложен стиль display:table-cell, а его родителю - dispaly:table ...

 

[FiRеFоX]

Я ставлю после "</span>" тэг "<br>" а дальше текст пишется под картинкой

Ну, и что вас смущает?
Есть еще, как минимум, два способа осуществить нужную раскладку:
1. HTML:

<div class="div>
	<img src="ava.png" alt="avatar">
		<span><a href="#:><b>Login</b> [1] Сейчас онлайн</span>
	<span>тут должен быть текст</span>
</div>

CSS:

div.div img {float:left}
div.div span {display:block}

2. HTML:

<div class="div>
	<img src="ava.png" alt="avatar">
	<p><a href="#:><b>Login</b> [1] Сейчас онлайн</p>
	<p>тут должен быть текст</p>
</div>

P.S. А объясните, пожалуйста, смысл стиля verticl-align:top для элемента SPAN. Ну, разве, что где-нибудь к нему приложен стиль display:table-cell, а его родителю - dispaly:table ...

Премного благодарен!