#html #css
#HTML #css
Вопрос:
У меня есть этот код:
<li id="myLI">
<a id="myAnchor" href="#">
<img src="/icons/icon.png">Click Here</a>
</li>
Мне нужно выровнять текст по середине значка (по вертикали), поэтому я попытался добавить: vertical-align:middle, но это не работает.
Кто-нибудь может дать совет, пожалуйста?
Спасибо
Ответ №1:
#myLI a#myAnchor img{
float:left;
margin:margin to center;
}
Поля по центру — это значения, которые вам нужно указать в соответствии с центром текста. например, поле: 5px 5px 0px 2px;
Комментарии:
1. лучший способ сделать это — использовать изображение (иконку) в качестве фона. это потому, что Google проигнорирует фон. Вы не хотите, чтобы Google индексировал все ваши значки. Я всегда делаю это инстед. #myLI a#myAnchor{фон: url (icon.png) без повторов 0px 5px; отступ: 0px 0px 0px 20px;} где 0px в фоновом режиме — левое поле, 5px — верхнее поле . и в padding вам нужно оставить пространство слева от текста, чтобы разместить изображение …. это также будет лучше для всех браузеров….