Κόκκινη γραμμή κειμένου στο CSS

Ας δούμε τώρα πώς να κάνουμε μια κόκκινη γραμμή, δηλαδή μια εσοχή στην πρώτη γραμμή του κειμένου. Για αυτό προορίζεται η ιδιότητα text-indent. Ας τη χρησιμοποιήσουμε για να δημιουργήσουμε μια κόκκινη γραμμή για τις παραγράφους:

html<p>
  some long text
</p>
<p>
  some long text
</p>
<p>
  some long text
</p>

cssp {
  text-indent: 50px;
  text-align: justify;
  width: 400px;
}

Результат: