Textfluß

Mit Hilfe von CSS kann Fließtext entsprechend zu anderen Elementen wie z.B. Bildern oder auch anderen Textpassagen angeordnet werden. Hierfür wird die Position des Elements mit float: left | right definiert, um das entsprechend das andere Element angeordnet werden soll.

 

 

Definition in css

.floatRight {
float:right;
margin:0 10px 0 10px;
width:250px;
height:80px;
background:#ddd;
}

Einbinden in HTML

Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht.

Definition in css

.floatLeft {
float: left;
margin: 0 10px 0 10px;
width: 250px;
height: 80px;
background: #ddd;
}

Einbinden in HTML

Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht.

 

Hinweis: Soll z.B. bei einem neuen Absatz der Textfluss (vorzeitig) beendet werden, so kann dies mit der CSS Anweisung clear: left | right erfolgen.