7. Marginaler

Precis som i ett vanligt textdokument kan det vara av värde att ändra marginalerna kring text eller andra element.

margin
Margin-elementet används precis som list-style och background som ett samlingselement för samtliga margin-element. De margin-element som finns är:
margino-top
Sätter övre marginalen
margin-bottom
Sätter nedre marginalen
margin-left
Sätter vänstra marginalen
margin-right
Sätter högra marginalen
Dessa anger det minsta avståndet mellan det aktuella elementet och de kringliggande. Om färre värden än fyra anges så strävar motstående sidor efter att bli lika.

Ex.

<body>
   <div style="margin: 10px 100px; background-color: maroon">
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
   </div>
</body>

Detta ger textstycket marginaler på 10 pixlar i höjdled och 100 pixlar i sidled:

Text
Text
Text
Text
Text
Text
Text
Text
Text
Text

Valid XHTML 1.1!