CSS untuk Meletakkan Elemen di Tengah-Tengah Layar
Misalnya, punya HTML begini:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h2>Hello World</h2>
</body>
</html>
Tambahkan CSS ini untuk memposisikan semua elemen di dalam <body> (termasuk <h2>) di tengah-tengah layar. Baik secara horizontal maupun vertikal, tampak di tengah.
body {
display: grid;
place-items: center;
height: 100vh;
}