Tryit Editor v2.7

Edit This Code:
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../lib/w3.css">
<body>

<div class="w3-container w3-section-4 w3-green">
The w3-section-4 adds a 4px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section-8 w3-green">
The w3-section-8 adds a 8px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section-12 w3-green">
The w3-section-12 adds a 12px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section w3-green">
The w3-section and w3-section-16 adds a 16px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section-24 w3-green">
The w3-section-24 adds a 24px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section-36 w3-green">
The w3-section-36 adds a 36px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section-48 w3-green">
The w3-section-48 adds a 48px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-section-64 w3-green">
The w3-section-64 adds a 64px margin (top and bottom) to an element.
</div>


<div class="w3-container w3-section-128 w3-green">
The w3-section-128 adds a 128px margin (top and bottom) to an element.
</div>

<div class="w3-container w3-blue">A container div</div>

</body>
</html>