شرح صفوف ومحتوى الفقرة
في الكتب والمقالات المطولة والتقارير الصحفية، تُستخدم المسافة البادئة في مطلع كل فقرة لإرشاد القارئ بصرياً إلى بداية فكرة جديدة. تتكفل خاصية text-indent بإزاحة السطر الأول فقط من العنصر الكتلي بمقدار محدد مثل 28px أو 2em أو نسبة مئوية مثل 8%، بينما تبدأ بقية أسطر الفقرة من الحافة الأصلية المعتادة. ومن مزاياها الذكية أنها تحترم اتجاه اللغة تلقائياً؛ فتبدأ الإزاحة من اليمين في الفقرات العربية ومن اليسار في الفقرات الإنجليزية.
وإلى جانب إزاحة الفقرات، توفر لغة CSS خاصية tab-size لضبط اتساع محارف الجدولة (Tab) داخل مقاطع الكود المحاطة بوسم <pre>؛ إذ تعرض المتصفحات محرف الجدولة افتراضياً بعرض ضخم يعادل 8 مسافات، ويمكنك تقليصه عبر tab-size: 2 أو tab-size: 4 ليبدو الكود رشيقاً ومنظماً.
CSS
.editorial-para {
text-indent: 2em;
line-height: 1.65;
}
.code-snippet {
tab-size: 2;
background-color: #f2ebf9;
}