Wyzwanie końcowe

Lekcja 9 z 9 w kursie Jak wyśrodkować element div lub tekst za pomocą CSS w Coddy.

Podsumujmy wszystko!

Wyzwanie

Łatwy

Używając flexbox, wyśrodkuj klasy text wewnątrz klas box2 oraz elementy div box2 wewnątrz klasy box1.

Spróbuj swoich sił

<!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>

Wszystkie lekcje w sekcji Jak wyśrodkować element div lub tekst za pomocą CSS

1Wprowadzenie

Czym jest ten kurs?

2Wyśrodkowywanie div

Automatyczne marginesy Pozycjonowanie absolutne — translate Pozycjonowanie absolutne — margines Flexbox Wyzwanie podsumowujące

3Wyśrodkuj tekst

Wyrównanie tekstu FlexboxWyzwanie końcowe

Poćwicz samodzielnie: Edytor online Web