CSS margin-top Property - Playground Example

<!DOCTYPE html><html><head><style type="text/css">.container {
    width: 480px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    font-family: Arial, sans-serif;
}

.box {
    background-color: #f8fafc;
    border: 1px solid #dbeafe;
    padding: 12px 16px;
    color: #0f172a;
}

.box-2 {
    margin-top: 30px;
}</style></head><body><div class="container">
    <h2>Margin-top example</h2>
    <div class="box box-1">Box 1</div>
    <div class="box box-2">Box 2 (margin-top: 30px)</div>
</div></body></html>