BAB 10 – DISPLAY
DISPLAY
Display menentukan bagaimana elemen ditampilkan.
A. Block
Contoh elemen block:
<h1>Judul</h1>
<p>Paragraf</p>Karakteristik:
- Selalu membuat baris baru
- Lebar penuh
B. Inline
Contoh:
<span>HTML</span>
<span>CSS</span>Karakteristik:
- Tidak membuat baris baru
C. Inline-Block
display:inline-block;Gabungan block dan inline.
Praktik
<div class="menu">Home</div>
<div class="menu">Profil</div>
<div class="menu">Kontak</div>.menu{
display:inline-block;
background:blue;
color:white;
padding:10px;
}