Flexbox
Pelajaran 8 dari 9 dalam kursus Cara Memusatkan Div atau Teks dengan CSS di Coddy.
Seperti yang sudah kita lihat di pelajaran sebelumnya, kamu bisa memusatkan div dengan flexbox, cara yang sama juga bisa digunakan untuk teks!
Sebagai pengingat, berikut cara memusatkan dengan flexbox, secara horizontal dan vertikal,
#parent {
display: flex;
align-items: center;
justify-content: center;
}
Tantangan
MudahPosisikan teks di tengah menggunakan flexbox!
Coba sendiri
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="parent">
<p class="text">
This is some text
</p>
</div>
</body>
</html>Semua pelajaran di Cara Memusatkan Div atau Teks dengan CSS
Latihan sendiri: Playground Web