Die CSS-Eigenschaft :text-indent
legt die Länge des Einzugs vor Textzeilen, der in einem Block eingefügt wird.
Das CSS-Pseudoelement ::first-line
wendet Stile gestalterisch auf die erste Zeile eines Elements auf Blockebene an.
Diese hier genannten beiden Eigenschaften für Elemente bieten sehr gute Möglichkeiten mit einfachen Mitteln eine Text abwechslungsreicher zu gestalten.
p::first-line {
font-size: 1.2rem;
font-weight: bold;
text-decoration: underline;
}
p {
text-indent: 5em;
background: #CCCCCC;
}
Der Code ist sehr einfach und kann natürlich ausgebaut werden.