العنصر الذي يُعرض بشكل inline يظهر بجانب العناصر الأخرى في السطر نفسه، ولا يبدأ سطرًا جديدًا. يأخذ عرض محتواه فقط.

<p>This is <strong>bold</strong> and <a href="#">a link</a>.</p>

من أمثلة العناصر inline: <span> و<a> و<strong> و<em>.

ما الذي لا يعمل معه؟

لا يمكن تحديد width وheight لعنصر inline، والهوامش العلوية والسفلية لا تؤثر على ما حوله.

المقارنة

• block: يبدأ سطرًا جديدًا ويأخذ العرض الكامل.
• inline: في السطر نفسه، بعرض محتواه.
• inline-block: في السطر نفسه، لكن يقبل العرض والارتفاع.