Menu
Coddy logo textTech

שוליים אוטומטיים

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

כדי למרכז div אופקית, אפשר להשתמש במאפיין margin עם הערך auto.

הערך auto יתפוס את כל השטח האופקי שנותר.

margin: auto;

גם margin-left: auto; וגם margin-right: auto; יעבדו!

שימו לב: הוא לא ימרכז אותו אנכית!

challenge icon

אתגר

קל

בעזרת מה שלמדת, מרכזים את התיבה הכחולה בתוך התיבה האדומה אופקית.

שימו לב שהערך של margin-left יהיה 75px במקום auto, למה?

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div id="red-box">
            <div id="blue-box" />
        </div>
    </body>
</html>

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

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