אתגר מסכם

שיעור 9 מתוך 9 בקורס איך למרכז div או טקסט באמצעות CSS של Coddy.

בואו נסכם הכול!

אתגר

קל

באמצעות flexbox, מרכזים את המחלקות text בתוך המחלקות box2, ואת רכיבי ה־div מסוג box2 בתוך המחלקה box1.

נסו בעצמכם

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

כל השיעורים ביחידה איך למרכז div או טקסט באמצעות CSS

1מבוא

מהו הקורס הזה?

2מרכוז Div

שוליים אוטומטיים מיקום מוחלט - Translate מיקום מוחלט - שוליים Flexbox אתגר סיכום

3מרכוז טקסט

יישור טקסט Flex Boxאתגר מסכם

תרגלו בעצמכם: Web אונליין