Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: Arial, sans-serif; background: #f8fafc; padding: 20px; }
        h1 { color: #0d2e5c; }
        .kotak-info {
            background: white;
            border-left: 4px solid #fca311;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
    </style>
</head>
<body>

    <h1>Judul Halaman Bergaya CSS</h1>
    <div class="kotak-info">
        <p>Kotak ini ditata rapi menggunakan aturan class CSS internal.</p>
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)