So I was trying achieve [this logo](https://i.stack.imgur.com/CsBAs.jpg) but the text wont go in middle.

I have tried vertical align and line-height but no luck. Hope someone helps :)

Code:

```
<div>
    <div id="logo">
        <a href="#"><div id=""></div></a>
        <p>title<br>
        text</p>
    </div>
    <div id="">

    </div>
</div>

```

CSS

```
#header {height: 100px; background: #fff}
#logo div {background: url(/img/logo.png) center/contain no-repeat; width: 70px; height: 70px; float: left}
#logo p {vertical-align: middle}

```