Witam mam dwa bloki <div> obok siebie. Lewy <div> zawiera nagłówek natomiast prawy zdjęcie. Problem polega na wyrównaniu nagłówka z lewego bloku tak aby znajdował się na środku w pionie do obrazka z prawego <div>.
<header>
<div class="d0" >
<div class="d1" >
<h1>Test</h1>
</div>
<div class="d2">
<figure>
<img src="logo.jpeg">
</figure>
</div>
<div style="clear: both;">
</div>
</div>
</header>
body
{
margin: 0;
background-color: #262626;
color: #efefef;
}
.d0
{
max-height: 200px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.d1
{
display: inline-block;
}
.d2
{
display: inline-block;
}
.d2 img
{
height:150px;
width: 150px;
}