Ребят всем привет, помогите пожалуйста!
Не могу вертикально позиционировать картинку и текст в блоке, все перепробовал, нужно чтобы текст и и картинка были не на одной линии, тоесть у меня получается вот так:

А нужно, чтобы было примерно как в фэйсбуке:


Пробовал вот так:

 background-color: #d8dfea;
 max-height: 20px;
 margin-bottom: 1px;
 padding: 3px 2px 0px 8px;
 vertical-align: middle;

mrgin, padding и тд, не помогает, табличный метод не подходит. Может получиться если поместить текст и картинку в 2 разных блока и сделать float:left?

Все сам допер)))
Кому надо сделал так:

<div class="boards"><div class="image"><img src="/includes/style/images/okay.png"></div><b><a href="/category/1\" >ИМЯ</a></b></div>

 div.boards {
 background-color: #d8dfea;
 height: 20px;
 margin-bottom: 1px;
 line-height:20px;
 padding: 0 0 0 8px;
 vertical-align: middle;
}

div.boards div.image{
 height: 20px;
 line-height:26px;
 margin: 0 3px 0 0;
 float: left;
 vertical-align: middle;
}

wer