Fliesstext wird ohne irgend ein
nahtlos in einen Container codiert, z.B. in einen DIV. Fliesstext bricht erst dann um, wenn die Container-Breite kleiner als der Text lang ist. Der Umbruch beginnt IMMER an der linken Kante des Containers, wobei es egal ist, ob die vorherige Zeile im Fliesstext, also die 1. Zeile, eine Einrückung hatte ode nicht. Ein automatisches einrücklen wir die das der vorherigen Zeile ist im HTML-Desgin nicht hinterlegt worden. Eigenschaft text-indent CSS 1.0 Beschreibung bestimmt bei mehrzeiligem Fließtext die Texteinrückung der ersten Zeile erlaubte Werte Eine Längenangabe Eine Prozentangabe inherit default-Wert 0 anwendbar auf alle Elemente (Unterschied Tag Element Attribut) Vererbung ja animierbar ja Beispiel p { text-indent: 10%; } rückt die erste Zeile um 10% der Gesamtbreite des Textes ein Beachten Sie ein negativer Wert für text-indent bewirkt eine Textausrückung in der ersten Fließtextzeile Hinweis zu CSS3 padding Padding fügt einen Leerraum um ein Objekt ein. text-indent wird auf 1. Zeile eines Fliesstetes ausgeführt, nachdem padding ausgeführt worden ist. Hinweis zu CSS3 magin margin fügt einen Leerraum um ein Objekt ein. text-indent wird auf 1. Zeile eines Fliesstetes ausgeführt, nachdem padding ausgeführt worden ist. Hinweis zu CSS3 margin und padding siehe CSS3_Fliesstext_ErsteZeileEinruecken.jpg Hinweis: 1. Buchstaben im Text als Letter p:first-child:first-letter { float: left; color: #F47A2F; font-size: 75px; line-height: 50px; padding: 10px 5px 0px 0px; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tincidunt a sapien. Phasellus elit nibh, adipiscing sed blandit vel, interdum et arcu.