Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .timeline { font-family: sans-serif; border-left: 3px solid #04AA6D; padding-left: 15px; }
        .t-step { margin-bottom: 15px; }
        .t-step strong { color: #0d2e5c; }
    </style>
</head>
<body>
    <div class="timeline">
        <div class="t-step"><strong>Tahap 1:</strong> Selektor & Sintaks Dasar</div>
        <div class="t-step"><strong>Tahap 2:</strong> Box Model, Padding & Margin</div>
        <div class="t-step"><strong>Tahap 3:</strong> Flexbox & CSS Grid Modern</div>
        <div class="t-step"><strong>Tahap 4:</strong> RWD & Media Queries</div>
    </div>
</body>
</html>

Hasil Tampilan (Browser Preview)