VPF::Сделать текст и картинку без разрыва строки

mstdmstd

Дата 22.8.2014, 14:08 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет

подскажите как можно обьединить в один элемент

Код


Text<i class="glyphicon glyphicon-arrow-down"></i>

чтобы и текст и картинка класса были на одной строке без разрыва строки наподобе как в тексте пробелы заменяются на символ   ?

ksnk

Дата 22.8.2014, 14:37 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Код


<style>
.glyphicon-arrow-down {
   background:red; /* сюда вставить картинку нужного размера */
}
.glyphicon {
   display: inline-block;
   width:1em;
   height:1em;
   vertical-align:text-bottom;
}
</style>


Text<i class="glyphicon glyphicon-arrow-down"></i>Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text <i class="glyphicon glyphicon-arrow-down"></i>Text Text 
Text Text Text Text Text Text Text Text

?

Это сообщение отредактировал(а) ksnk - 22.8.2014, 14:38

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »