CSS Inline-block

Inline-block

inline-block merupakan nilai dari properti display , properti display mengatur kotak sebuah element. Seperti contohnya kita memberi properti border:1px solid black pada tag HTML p , maka hasilnya akan seperti ini :

Berikut contohnya, saya menambahkan properti display:inline pada tag HTML p :

Properti display:inline hanya membuat sebuah kotak sesuai dengan tinggi dan lebar element. Sedangkan properti display:block membuat kotak dengan lebar dan tinggi secara otomatis. Berikut hasilnya :

Properti display:inline-block membuat sebuah kotak sesuai dengan lebar dan tinggi pada element, sama dengan properti display:inline . Berikut contohnya :

Ini hasilnya :

Nilai dari properti display :

1. inline
2. block
3. inline-block
4. none ( Menghilangkan sebuah element )

Semoga bermanfaat, Terima kasih.