Как поместить текст по середине картинки?

Question

[Ivan Ivanovich]

Здравствуйте. Имеем следующий код:

<div id="box3">
            <a href="1.html"><h3>Как поместить по середине?</h3></a>
        </div>

#box3{
            height: 100vh;
            width: 100%;
            background-image: url(https://images.wallpaperscraft.ru/image/gepard_pyatnistyy_trava_bolshaya_koshka_29354_1920x1080.jpg);
            background-size: cover;
            display: table;
            background-attachment: fixed;
}
a{
  text-decoration: none;
  display: inline-block;
}
h3{
    font-family: arial black;
    font-size: 50px;
    color:white;
    margin: 0px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

Как поместить текст по середине?

Answer 1

[Юпитер Макс]

отцентрировать сверху и слева? или просто по центру слева?

Answer 2

[Denis Dorosh]

#box3 {
display: flex;
}
a{
margin:auto;
}