Tantangan Ulasan
Pelajaran 6 dari 9 dalam kursus Cara Memusatkan Div atau Teks dengan CSS di Coddy.
Mari kita ulas kembali!
Tantangan
MudahKamu diberi 3 kotak (div), pusatkan semuanya dengan mengikuti batasan berikut:
Pusatkan div terkecil menggunakan flexbox, pusatkan div berukuran sedang menggunakan position and translate.
Jangan ubah ukurannya!
Coba sendiri
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3"/>
</div>
</div>
</body>
</html>Semua pelajaran di Cara Memusatkan Div atau Teks dengan CSS
1Pengantar
Apa itu kursus ini?2Memusatkan Div
Margin OtomatisPosisi Absolut: TranslatePosisi Absolut: MarginFlexboxTantangan UlasanLatihan sendiri: Playground Web