Как разместить две строки возле картинки?

Статус
В этой теме нельзя размещать новые ответы.

Matinier

Постоялец
Регистрация
5 Окт 2009
Сообщения
65
Реакции
4
Здравствуйте!
У меня вопрос: как разместить возле картинки текст в две строки вот так:
748d83f4.png

при этом не используя таблиц?
 
Здравствуйте!
У меня вопрос: как разместить возле картинки текст в две строки вот так:
748d83f4.png

при этом не используя таблиц?
Можно так: пихнуть в таблицу и второму столбцу задать valign=middle.
HTML:
<table>
<tr>
   <td><img src="img/rss.png"></td>
   <td valign="middle">Text<br/>Text</td>
</tr>
</table>
 
Можно вот так:
<div><img style="float:left;" src="путь к картинка" /> <br /> Текст 1 <br /> Текст 2 <div>

Или "постаринке":
<div><img align="left" src="путь к картинке" /> <br /> Текст 1 <br /> Текст 2 <div>
:)
 
got4a, ТС же интересовался реализацией без таблиц
самым валидным и совместимым с html5 будет разделение содержимого и оформления, примерно так:
html
HTML:
<div class="myclass">
<img src="путь к картинке" />
<br /> Текст 1 
<br /> Текст 2
</div>
css
HTML:
.myclass img{float:left;}
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху