I'm trying to vertically center text in a div, but I can't get it working.

**The code:**

```
<div>
    <h3><i class="fa fa-cloud fa fa-3x"></i> Text</h3>
</div>

```

![enter image description here](https://i.stack.imgur.com/uEV1T.png)

Does anyone have a solution for this? I tried many possibilities but none of them seem to work.