Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .kotak-tengah {
            width: 280px;
            margin: 30px auto;
            background: #ffffff;
            border: 2px solid #0d2e5c;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.08);
        }
    </style>
</head>
<body style="background:#f1f5f9;">

    <div class="kotak-tengah">
        <h4 style="margin-top:0;">Kotak Tengah Otomatis</h4>
        <p style="margin-bottom:0;">Menggunakan <code>margin: 30px auto;</code>.</p>
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)