В заголовке моего сайта у меня есть мой номер телефона в линии а кодаШрифт Высокий Как
<b><h2><FONT size="4" COLOR="#FFfff"> CALL US TODAY 512-323-9006</FONT></h2></b>
То, что я пытаюсь сделать, это добавить удивительный значок телефона шрифта <i class="fa fa-phone-square"></i>
Когда Я добавляю это. Значок телефона появляется над текстом линии вызова.
Мой вопрос: как добавить значок в строку перед текстом '' call us ''?
спасибо заранее
<h2> тег является block level element, что означает, что он будет занимать всю ширину и не позволять чему-либо быть расположено рядом с ним. Вы можете переписать это поведение в CSS с помощью inline-block:
h2 {
display: inline-block;
}
inline-block очень приятно, потому что это позволяет элементу позиционироваться «инлайн», что означает элементы только занимают столько же ширины, как их содержание, и они могут быть расположенных рядом с другими элементами. В то же время вы можете установить свойства уровня блока, такие как margin и padding, которые не вступают в силу с inline элементов.
inline-block Примеры: http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
Где вы положили эту строку кода? Выше h2? Почему бы не поместить его в тег h2? –
Вы пытаетесь добавить изображение, установив 'background-image' на тег' '? Это ... уникальный способ сделать это. –
@ paul.abbott.wa.us FontAwesome использует классы CSS для рендеринга значков. На самом деле это шрифт значка, а не изображения. Хотя использование свойств 'background' для отображения изображений на самом деле удивительно универсально (с соответствующими свойствами фона, оно намного более гибкое, чем'![]()
') –
FeifanZ