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...

En son değiştirme: Pazartesi, 21 Temmuz 2025, 11:30 ÖÖ