Всем доброго времени суток. Недавно начал изучать вёрстку, и начал практиковаться. Стоит задача сделать шапку сайта с логотипом и ссылками на контакты, каталог товаров и тп. Помогите пожалуйста выровнять ссылки по высоте по центру.
html:
<!DOCTYPE html>
<html>
<head>
<title>Торты на заказ</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style/my.css">
</head>
<body>
<article>
<div id="head" >
<img id="logo" src="img/лого_без_текста.jpg">
<a class="head_ref" href="/">КОНТАКТЫ</a>
</div>
</article>
</body>
</html>
css:
body{
background: #fcf3e3;
}
#head{
border-radius: 15px;
margin-top: 50px;
width: 80%;
margin-left: auto;
margin-right: auto;
height: 120px;
background: white;
vertical-align: center;
}
#logo{
margin-left: 15px;
height: 120px;
}
.head_ref{
color: black;
margin: 50px 0;
}
скрипт небольшой, думаю без комментариев всё понятно. Заранее спасибо
