JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel">
    <a href="url" target="_blank">
        <h1>Some text</h1>
    </a>
</div>

CSS

.panel { height:400px; width:600px; text-align:center; vertical-align:middle; background-color:yellow; line-height:400px;}
img {vertical-align: middle; }

@import url('https://fonts.googleapis.com/css?family=Dancing+Script:300,400,600,700,800');

a {font-family: 'Dancing Script',serif,cursive;}