Align текст на значок

Пожалуйста помогите мне совместив значок и текст по вертикалиAlign текст на значок

enter image description here

HTML

<div id="opretForum"> 
    <ul> 
     <li><a href="/opret-forum/">Opret Forum</a></li> 
    </ul> 
</div>

CSS

#opretForum li { 
    list-style-image: url('/img/forum/tilfoj.png'); 
} 

#opretForum ul { 
    list-style-position: inside; 
}

источник

2013-10-11 Jesper Petersen

Если я что-то не хватает, в чем проблема? –

Зеленая иконка не выровнена по вертикали с текстом – mplungjan

Пожалуйста, создайте пример на сайте jsfiddle, чтобы мы могли увидеть тестовый пример и поиграть, спасибо! – Joseph

Насколько я знаю, вы не можете выровнять изображение в стиле списка. Метод, который часто используется следующим образом:

http://jsfiddle.net/fcPNp/

li { 
    background: url('/img/forum/tilfoj.png') no-repeat left center; 
    padding: 3px 0px 3px 20px; 
    list-style: none; 
}

источник

2013-10-11 20:26:11 Frankey

Спасибо за помощь .. Его работа для меня сейчас! .. и спасибо за помощь !!!! :) –

#opretForum {background-color: black; обивка: 5px; ширина: 200px; } #opretForum a {text-decoration: none; цвет: белый} http://jsfiddle.net/mplungjan/uLwtr/ – mplungjan

@ JesperPetersen [Оглавление сканирований:]] (http://meta.stackexchange.com/questions/5234/how-does-accepting- ан-ответ работа) – mplungjan

что-то вроде Тхи s должно работать:

<style> 
#opretForum li { list-style:none; background:url('/img/forum/tilfoj.png');vertical-align:middle } 
</style> 

<div id="opretForum"> 
    <ul> 
     <li><a href="/opret-forum/">Opret Forum</a></li> 
    </ul> 
</div>

источник

2013-10-11 20:25:28 Dementic

Align текст на значок

ответ

Смежные вопросы