Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .kotak-scroll {
            width: 250px;
            height: 100px;
            background: #ffffff;
            border: 2px solid #cbd5e1;
            padding: 12px;
            overflow: auto;
            border-radius: 8px;
            font-size: 0.85rem;
        }
    </style>
</head>
<body>

    <div class="kotak-scroll">
        Paragraf yang sangat panjang ini memiliki banyak teks di dalamnya. Karena tinggi kotaknya dibatasi hanya 100px, browser secara otomatis memunculkan scrollbar di samping kanan sehingga pengunjung tetap dapat menggulir dan membaca seluruh isi pesan tanpa merusak tata letak di sekitarnya.
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)