Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Выравнивание текста по вертикали

Автор: MasterOfCode 6.1.2013, 18:12

Вот пример:
user posted image

как только не пробовал, не получается, текст всегда по нижнюю часть картинки.

Автор: Ripper 6.1.2013, 18:33

С помощью таблиц легко:

Код


<table>
    <tr>
        <td><img src="http://forum.vingrad.ru/uploads/av-5093.jpg"/></td>
        <td valign="middle">text</td>
    </tr>
</table>

С помощью div-ов: http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css сам разбирайся smile

Добавлено через 8 минут и 36 секунд
Вот еще:

Код


    <div style="height:75px;">
        <img src="http://forum.vingrad.ru/uploads/av-5093.jpg" style="float:left;"/>
        <div style="line-height:75px;">text</div>
    </div>