Картинки с описанием в ряд

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

Lobachevsky

Гуру форума
Регистрация
17 Сен 2013
Сообщения
141
Реакции
54
Никак не получается сделать картинки и описание к ним в один ряд, чтобы описание было с права от картинки

<ul>
<li><img src="Для просмотра ссылки Войди или Зарегистрируйся" alt="" align="left"> <em>Шаг 1</em><br><strong>Подать заявку</strong></li>
<li><img src="Для просмотра ссылки Войди или Зарегистрируйся" alt="" align="left"> <em>Шаг 2</em><br><strong>Дождаться одобрения</strong></li>
<li><img src="Для просмотра ссылки Войди или Зарегистрируйся" alt="" align="left"> <em>Шаг 3</em><br><strong>Получить наличные</strong></li>
</ul>
1Tq1icxw.png
 
Никак не получается сделать картинки и описание к ним в один ряд, чтобы описание было с права от картинки

<ul>
<li><img src="Для просмотра ссылки Войди или Зарегистрируйся" alt="" align="left"> <em>Шаг 1</em><br><strong>Подать заявку</strong></li>
<li><img src="Для просмотра ссылки Войди или Зарегистрируйся" alt="" align="left"> <em>Шаг 2</em><br><strong>Дождаться одобрения</strong></li>
<li><img src="Для просмотра ссылки Войди или Зарегистрируйся" alt="" align="left"> <em>Шаг 3</em><br><strong>Получить наличные</strong></li>
</ul>
1Tq1icxw.png
тут пример кода, настраивайте под себя
Для просмотра ссылки Войди или Зарегистрируйся
 
Как вариант использовать position="absolute".
 
Каждая строка с новой строки

Для просмотра ссылки Войди или Зарегистрируйся

Текст(две строки) центрируются по высоте. Удачи!
 
float или display-inline помогут)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху