שוליים אוטומטיים
שיעור 2 מתוך 9 בקורס איך למרכז div או טקסט באמצעות CSS של Coddy.
כדי למרכז div אופקית, אפשר להשתמש במאפיין margin עם הערך auto.
הערך auto יתפוס את כל השטח האופקי שנותר.
margin: auto;גם margin-left: auto; וגם margin-right: auto; יעבדו!
שימו לב: הוא לא ימרכז אותו אנכית!
אתגר
קלבעזרת מה שלמדת, מרכזים את התיבה הכחולה בתוך התיבה האדומה אופקית.
שימו לב שהערך של 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 אונליין