<div class="centered"><h1>Heading</h1></div>
* {
box-sizing: border-box;
}
body {
font-family: 'Lato';
text-align: center;
margin: 0;
}
.centered {
width: 80vw;
height: 70vh;
margin: 15vh auto;
background: brown;
padding-top: 20px;
}
h1 {
font-size: 4em;
color: white;
}
This Pen doesn't use any external JavaScript resources.