Final Challenge

Lesson 9 of 9 in Coddy's How to Center Div or Text using CSS course.

Let's recap everything!

Challenge

Easy

Using flexbox, center the text classes inside box2 classes and the box2 divs inside box1 class.

Try it yourself

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

All lessons in How to Center Div or Text using CSS

1Introduction

What is this course?

2Center Div

Margin Auto Position Absolute - Translate Position Absolute - Margin Flex Box Recap Challenge

3Center Text

Text Align Flex BoxFinal Challenge