Kowane abu yana da abin display na tsohuwa da yake kontrol ta yadda yake kwararar a cikin tsari.
<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 */
Saita width/height akan abu na inline ba zai yi komi ba. Gyarawa ita ce canza display sa:
span { display: inline-block; width: 200px; } /* ✅ flows inline BUT respects size */
inline-block yana zaune a odar rubutu (gefe da gefe) da girmama width/height/margins — kyau sosai don abubuwan shiryarwa, alamun iko, ko maɗaukakin alaɗa a tsari.
block → new line, full width, sizeable
inline → in-line, content width, NOT sizeable (vertically)
inline-block → in-line, content flow, sizeable
Allakari na nunin display ba tare da komai ba ya bayyana da yasa <span> naka ba zai ɗaukar tsawo ba, da yasa <div> ke tunda, da lokaci da zai kamata a canza zuwa inline-block, flex, ko grid.
Gina ne ta yadda abubuwa ke ajiye ba tare da abin da zai dauki tsarin tsari ba.