Elemen <div> adalah elemen kontainer block-level generik yang digunakan untuk mengelompokkan elemen-elemen HTML lain agar dapat ditata menggunakan CSS atau dimanipulasi dengan JavaScript.
Secara default, <div> tidak memiliki tampilan visual khusus sebelum diberi kelas CSS atau atribut gaya.
<!DOCTYPE html>
<html>
<head>
<style>
.kartu-produk {
background-color: white;
border-radius: 12px;
padding: 20px;
max-width: 280px;
border: 1px solid #e2e8f0;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
font-family: sans-serif;
}
</style>
</head>
<body>
<div class="kartu-produk">
<h4 style="margin-top:0; color:#0d2e5c;">Kursus Frontend Web</h4>
<p style="color:#64748b; font-size:0.85rem;">Kuasai HTML, CSS, dan JavaScript dari nol hingga mahir.</p>
<button style="background:#04AA6D; color:white; border:none; padding:8px 16px; border-radius:6px; cursor:pointer;">Mulai Belajar</button>
</div>
</body>
</html>Div dikombinasikan dengan class CSS adalah dasar pembuatan komponen modern seperti card, navbar, dan grid.
Apakah elemen <div> secara default menghasilkan baris baru?