Wyśrodkowanie IMG w pionie.

Question

Cześć.

Dosyć banalne pytanie: jak mogę wyśrodkować IMG w pionie w headerze? 
Poniżej zamieszczam kawałek kodu.

HTML

    <div class="wrapper">
        <header>
            <img class="logo" src="../img/logo.png">
            <h1>Nazwa</h1>
            <nav>
                <ul>
                    <li><a href="#">Start</a></li>
                    <li><a href="#">Artykuły</a></li>
                    <li><a href="#">Galeria</a></li>
                    <li><a href="#">Logowanie</a></li>
                </ul>
            </nav>
        </header>
    </div>

CSS

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

div.wrapper {
    height: 100vh;
    width: 100%;
}

header {
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #000;
}

header img.logo {
    height: 80px;
    width: 80px;
    float: left;
    margin-left: 100px;
}

header h1 {
    float: left;
    font-size: 2rem;
    font-weight: 300;
    line-height: 100px;
    margin-left: 20px;
}

header nav ul {
    list-style: none;
    float: right;
    margin-right: 100px;
    line-height: 100px;
}

 

Answer 1

Centrowanie