JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kolom5Nav"> 
    <a href="#">
        <img class="navimg" id="kolom4Back" src="images/back.png" />
    </a>
    <h2>Evenementen</h2>
    <a href="#">
        <img class="navimg" id="kolom4Forward" src="images/forward_blue.png" />
    </a>
</div>
<!-- end kolom5Nav -->

CSS

#kolom5Nav {
    display: table-cell;
    height: 141px;
    width: 1440px;
    background: #fdd400;
    text-align: center;
    vertical-align:middle;
}
#kolom5Nav a {
    vertical-align: middle;
    display:inline-block;
}
#kolom5Nav a img {
    vertical-align: middle;
    display:inline-block;
}
#kolom5Nav h2 {
    color: #044584;
    display:inline-block;
    margin:0;
}