A B E G

Startseite Skripte für das Wintersemester 2017/18 Webdesign Interaction, Webfonts, Webtypografie Text-Indent: Text-Einzug bei Paragraphen


Text-Indent: Text-Einzug bei Paragraphen

Beachtet, wie der Paragraph direkt nach der Überschrift keinen Texteinzug hat!

Demo dazu

HTML

<p>Lorem ipsum qui ex sale facilis, vel in quidam adolescens.</p>
<p>Principes dignissim dissentias quo ea…</p>

<h3>Sit an amet</h3>
<p>Vel ancillae offendit id, te eum nonumy mentitum, id per detracto postulant repudiandae.</p>

CSS

article p {
    margin: 0;
}
/* durch das "p+p" wird erst beim 2. Absatz der Einzug gemacht … */
article p+p {
    text-indent: 1.5em;
}