Belajar CSS : Block dan Inline

posted in: Tutorial Pemrograman | 0

Elemen blok adalah elemen yang mengambil lebar penuh (baris) yang tersedia, dan mengambil satu baris sebelum dan setelah.

Contoh elemen blok adalah

  • <h1>
  • <p>
  • <li>
  • <div>

Sebuah elemen inline hanya membutuhkan sebanyak lebar yang diperlukan, dan tidak mengambil penuh satu baris.

Contoh elemen inline:

  • <span>
  • <a>

Mengubah elemen Display

Mengubah elemen inline dari elemen blok, atau sebaliknya, dapat berguna untuk membuat halaman terlihat dengan cara tertentu, dan masih mengikuti standar web.

Contoh berikut menampilkan <li> elemen sebagai elemen inline:


li {
display: inline;
}

Contoh berikut menampilkan <span> elemen sebagai elemen blok:
contoh


span {
display: block;
}

 

Leave a Reply