Hey diddle diddle
The textʼs in the middle
<!DOCTYPE html>
<meta charset="UTF-8"/>
<html>
<head>
<style type="text/css">
div {
border: 1px solid black;
width: 2in;
height: 2in;
margin: 10px;
}
.c1 {
display: grid;
place-content: center;
}
.c2 {
display: grid;
justify-content: center;
align-content: center;
}
</style>
<title>They fixed CSS!</title>
</head>
<body>
<div class="c1">Hey diddle diddle</div>
<div class="c2">The textʼs in the middle</div>
</body>
</html>