CSS / Text in Blocksatz

von: Werner Zenk

Wenn ein Text in Blocksatz erscheint, ist der Text sowohl auf der rechten als auch auf der linken Seite bündig. Der Text bildet also einen Block.
In Büchern finden sich meistens Sätze in Blocksatz, diese sind auch auf der Webseite einfach zu erstellen.

Längere Blocksatz-Zeilen sollte man mit einem Absatz (<p>) zur besseren Lesbarkeit aufteilen.

Beispiel:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et.

<table>
 <tr>
  <td style="text-align: justify;">
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
  </td>
 </tr>
</table>

Das einzige Problem bei diesen Blocksatz ist, wenn die Wörter zu
lang sind entsteht mehr Abstand zwischen den Wörtern - das
dann „unschön“ aussieht.

Beispiel:

Loremipsumdolor sitamet, consectetueradipiscing elit, seddiam nonummy nibheuismodtinciduntutlaoreetdolore magna aliquam eratvolutpat. Utwisienim adminim veniam, quisnostrudexerci tation ullamcorpersuscipit lobortis nisl ut aliquip ex ea commodoconsequat. Duisautem veleum iriuredolor inhendrerit invulputate velitesse molestie consequat, vel illum doloreeu feugiatnullafacilisis at vero eros et.

Zur Lösung der langen Wörter bleibt nur der Bindestrich, dann
wird das Wort automatisch in die nächste Zeile geschoben.