Centering any html element both horizontally and vertic...

Return to site

Centering any html element both horizontally and vertically using CSS grid

<html>

<head>
    <style>
        .parent {
            height: 100vh;
            display: grid;
            place-items: center;
        }
    </style>
</head>

<body>
    <div class="parent">
        <h1>Centered content</h1>
    </div>
</body>

</html>