HTML Block dan Inline Elements

Update Terakhir pada

Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemen itu. Tampilan nilai default untuk sebagian besar elemen adalah blok atau inline.

-Elemen blok-tingkat

Sebuah elemen blok-tingkat selalu dimulai pada baris baru dan mengambil lebar penuh yang tersedia (membentang ke kiri dan kanan sejauh itu bisa). Elemen div adalah elemen blok-tingkat.

Contoh unsur blok-tingkat:

     <div>
     <h1> - <h6>
     <p>
     <form>

-Inline Elements

Sebuah elemen inline tidak dimulai pada baris baru dan hanya membutuhkan sebanyak lebar yang diperlukan.

Ini adalah inline span elemen dalam sebuah paragraf.

Contoh elemen inline:


<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

Maka akan terlihat seperti ini :
london