CSS 2 - Clear

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

clear

    

Wartości:

  • none (wartość domyślna) - brak zdefiniowanego sposobu;
  • left - oblewanie tekstem z lewej strony;
  • right - oblewanie tekstem z prawej strony;
  • both - oblewanie tekstem z obu stron;
  • inherit - przejęcie wartości "rodzica".

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type"   content="text/html; charset=iso-8859-2">
   <title>Pierwszy dokument</title>
</head>
<body>
   <p><img src="gifs/delfinysml.jpg" width="100" height="68" align="left">Przykładowa
   strona. Przykładowa strona. Przykładowa strona. Przykładowa strona. Przykładowa
   strona. Przykładowa strona. <span style="clear:left">Przykładowa strona.Przykładowa
   strona. Przykładowa strona. Przykładowa strona. Przykładowa strona. Przykładowa
   strona. Przykładowa strona. Przykładowa strona. Przykładowa strona. Przykładowa
   strona. Przykładowa strona. Przykładowa strona. Przykładowa strona. Przykładowa
   strona. Przykładowa strona. Przykładowa strona. Przykładowa strona. Przykładowa
   strona. Przykładowa strona. Przykładowa strona. </span></p>
</body>
</html>

Efekt:

[testuj]

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]