Выравнивание текста после img

Последняя активность
Файлы топика
865
.
Str@nnik
23 авг 2015 г., 15:16
# ДоХтор (23.08.2015 / 15:11)
По горизонтали? То есть, картинка и текст должны лежать на одной горизонтальной линии, да?
Да, если быть точнее в одном диве
.
ДоХтор
23 авг 2015 г., 15:17
Ответ здесь
.
Rakovskiy
23 авг 2015 г., 15:18
The Fast, Secure and Professional - Yii2
vertical-align: middle;
.
Str@nnik
23 авг 2015 г., 15:19
Блин, ещё один нюанс забыл - после изображения может быть несколько строк, left, absmiddle не подходят
.
Str@nnik
23 авг 2015 г., 15:19
# Rakovskiy (23.08.2015 / 15:18)
vertical-align: middle;
Это для дива или картинки?
.
ДоХтор
23 авг 2015 г., 15:20
# Str@nnik (23.08.2015 / 15:19)
Блин, ещё один нюанс забыл - после изображения может быть несколько строк, left, absmiddle не подходят
Ну тогда задай с помощью CSS обтекание картинки с какой либо стороны.
.
ROM
23 авг 2015 г., 15:22
Str@nnik, 
<style>
.inner {
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.35em;
}
</style>

<div>
  <img class="inner" src="" />&nbsp;<p class="inner">ffffffffff</p>
</div>
.
ДоХтор
23 авг 2015 г., 15:23
Пример с пояснениями
.
Str@nnik
23 авг 2015 г., 15:28
ДоХтор, Мне не нужно обтекания короче щас попробую вариант rom'a, мне кажется оно
.
Str@nnik
23 авг 2015 г., 15:32
Изменено
ROM, Да нет, выравнивает только одну строку, как absmiddle
Всего: 29
© 2024, JohnCMS