Sfida finale

Lezione 9 di 9 del corso Come centrare un div o del testo usando CSS di Coddy.

Ripassiamo tutto!

Sfida

Facile

Usando flexbox, centra le classi text all'interno delle classi box2 e i div box2 all'interno della classe box1.

Provalo tu

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

Tutte le lezioni di Come centrare un div o del testo usando CSS

1Introduzione

Che cos'è questo corso?

2Centrare un div

Margine automatico Posizionamento assoluto - Trasla Posizionamento assoluto - Margine Flexbox Sfida di ripasso

3Centrare il testo

Allineamento del testo Flex BoxSfida finale

Esercitati da solo: Playground Web