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

Тема в разделе "Верстка", создана пользователем Lobachevsky, 6 мар 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Lobachevsky

    Lobachevsky Постоялец

    Регистр.:
    17 сен 2013
    Сообщения:
    140
    Симпатии:
    49
    Никак не получается сделать картинки и описание к ним в один ряд, чтобы описание было с права от картинки

    <ul>
    <li><img src="http://youmoney/public/uploads/img-step-1.jpg" alt="" align="left"> <em>Шаг 1</em><br><strong>Подать заявку</strong></li>
    <li><img src="http://youmoney/public/uploads/img-step-2.jpg" alt="" align="left"> <em>Шаг 2</em><br><strong>Дождаться одобрения</strong></li>
    <li><img src="http://youmoney/public/uploads/img-step-3.jpg" alt="" align="left"> <em>Шаг 3</em><br><strong>Получить наличные</strong></li>
    </ul>

    [​IMG]
     
  2. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    601
    Симпатии:
    242
    тут пример кода, настраивайте под себя
    http://jsfiddle.net/2CXd2/
     
    Lobachevsky нравится это.
  3. Yuriy26

    Yuriy26 Постоялец

    Регистр.:
    15 авг 2012
    Сообщения:
    112
    Симпатии:
    96
    Как вариант использовать position="absolute".
     
  4. bernex

    bernex Создатель

    Регистр.:
    23 авг 2013
    Сообщения:
    11
    Симпатии:
    0
    Каждая строка с новой строки

    http://codepen.io/anon/pen/BKDgk

    Текст(две строки) центрируются по высоте. Удачи!
     
  5. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    float или display-inline помогут)
     
Статус темы:
Закрыта.