Kull element għandu imġieba display default li tikontolla kif jiġri fl-layout.
<div>, <p>, <h1>, <section>, <ul>.<span>, <a>, <strong>, <em>.<p>This is a <strong>bold</strong> word inside a paragraph.</p>
<!-- <strong> stays inline; the two <div>s below stack vertically -->
<div>Block one</div>
<div>Block two</div>
span { width: 200px; height: 50px; } /* ❌ ignored — span is inline */
Iddefinisci width/height fuq element inline ma tagħmel xejn. Il-fix huwa li tbiddel id-display tiegħu:
span { display: inline-block; width: 200px; } /* ✅ flows inline BUT respects size */
inline-block joqgħod fil-fluss tat-test (ġenb għal ġenb) u jirrisspetta wisa'/għoli/marġini — perfett għal elementi ta' navigazzjoni, badges, jew buttons imqiegħda f'ringiela.
block → new line, full width, sizeable
inline → in-line, content width, NOT sizeable (vertically)
inline-block → in-line, content flow, sizeable
L-fahim tal-display default jispjega għaliex il-<span> tiegħek ma tieħu għoli, għaliex <div> istakka, u meta tbiddel għal inline-block, flex, jew grid.
Hija l-bażi ta' kif elements jingħaqdu qabel ma tapplika xi sistema layout.