Apa itu display inline-block di CSS

Hai teman-teman DumetSchool !

Display merupakan salah satu property yang ada di CSS. Umumnya para webmaster lebih familiar dengan property display bernilai block dan inline saja. Sebenarnya adalah satu lagi display yang dapat kita gunakan selain 2 jenis display diatas.

Jawabannya adalah display inline-block. Tipe display ini sering membingungkan bagi para webmaster tentang penggunaannya. Pada intinya display inline-block itu adalah jenis display yang mirip dengan display inline. Hanya saja pada display inline-block kita bisa mengatur tinggi dan lebar seleksinya.

Untuk lebih jelasnya, saya ilustrasikan ketiga jenis display diatas. Simpanlah kode berikut sebagai file html.

Lalu hasilnya akan sebagai berikut ini setelah dibuka di browser.

Semoga bermanfaat ya teman-teman dan selamat mencoba cool

2 April 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat