Vertical Center

<html>
<head>
    <meta charset="UTF-8">
    <title>Vertical Center</title>
</head>
<style>
    body{
        margin: 0;
    }
    a{
        text-decoration: none;
    }
    .container{
        border: solid 1px black;
    }
    /* start */
    .container{
        height: 300px;
        position: relative;
    }

    .valign{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

</style>
<body>
    <div class="container">
        <a href="#" class="valign">"Hello Programmers" - LuffyX</a>
    </div>
</body>
</html>