Tantangan Akhir

Pelajaran 9 dari 9 dalam kursus Cara Memusatkan Div atau Teks dengan CSS di Coddy.

Mari kita rangkum semuanya!

Tantangan

Mudah

Dengan flexbox, posisikan class text di tengah class box2, dan div box2 di tengah class box1.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div class="box1">
            <div class="box2">
                <p class="text">
                    A
                </p>
            </div>
            <div class="box2">
                <p class="text">
                    B
                </p>
            </div>
        </div>
    </body>
</html>

Semua pelajaran di Cara Memusatkan Div atau Teks dengan CSS

1Pengantar

Apa itu kursus ini?

2Memusatkan Div

Margin Otomatis Posisi Absolut: Translate Posisi Absolut: Margin Flexbox Tantangan Ulasan

3Tengahkan Teks

Perataan Teks FlexboxTantangan Akhir

Latihan sendiri: Playground Web