Bazı özel tasarımsal durumlarda, satır içi bir HTML ögesi gibi görüntülenen fakat blok bir HTML ögesi gibi biçimlendirilebilen içerikler oluşturmanız gerekecek. Bu durumda imdadınıza display: inline-block; CSS özelliği yetişecektir!

Bir HTML ögesine display: inline-block; uyguladığınızda;

  • Width (genişlik) ve height (yükseklik) tanımlayabilirsiniz.
  • Padding, margin ve border uygulayabilirsiniz.

 Hemen, ne demeye çalıştığımı bir örnek ile somutlaştırayım:

Eveet! Bu konuyla birlikte CSS kutu modeli bölümünün sonuna geldik. Bir sonraki bölümde görüşmek üzere...

Last modified: Monday, 21 July 2025, 11:30 AM