vertical-align в div

[SLameN]

<div class="head">
    <img src="img/Logo.gif" width="57" height="56" class="logo">Сайт
</div>

#head {
width:500px;
height:70px;
background-image: url(../img/bg_l.jpg);
background-repeat: repeat-x;
}

.logo {
position: relative;
top:5px;
left:0;
}

Как сделать вертикальное выравнивание слова: "Сайт" по ценрту. vertical-align, padding - не работают... Если что-то не так, извините, сегодня прошел курс css

Edited November 25, 2011 by SLameN

[Justnewone]

вот

[SLameN]

Если делать без картинки (.logo), то все получается, но если картинка есть, то не получается делать vertical-align

[tini.kRyptoNite]

"Сайт" помещаем в конструкция span. <span class="name">Сайт</span>

В CSS обращаемся к классу .name{

vertical-align:middle;

}

Edited November 25, 2011 by tini.kRyptoNite

[tini.kRyptoNite]

"Сайт" помещаем в конструкция span. <span class="name">Сайт</span>

В CSS обращаемся к классу .name{

vertical-align:middle;

}

Минус репутации зачем? Не работает что-то?

[SLameN]

Додумался

   <div id="head">
   	  <h1>Сайт</h1>
   </div>


#head {
height:56px;
background-color:#00CC99;
}

#head h1 {
padding:18px 0 0 60px;
text-align:left;
background-image:url(../img/Logo.gif);
background-repeat:no-repeat;
background-position:;
height:56px;
}

tini.kRyptoNite - я тебе не ставил минус

[Nanto]

tini.kRyptoNite

Блочные элементы запихивать в строчный? строчный элемент будет первый в теле документа?извиняюсь - под "сайт" оказывается имелось в виду слово... все равно line-height надо указывать!

SLameN

.head{line-height:56px;}

Edited November 25, 2011 by Nanto