blob: dadaa3f2f6183308ddd0e7d60670505e73ff07ce [file] [log] [blame]
<style>
.container {
width: 200px;
border: solid;
}
.grid {
display: grid;
place-items: center;
width: 100%;
aspect-ratio: 1;
background-color: cyan;
font-family: Ahem;
font-size: 20px;
}
</style>
<!-- PASS if the text content is centered both horizontally and vertically -->
<div class=container><div class=grid>centered</div></div>