العنصر الذي يُعرض بشكل 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: في السطر نفسه، لكن يقبل العرض والارتفاع.