>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
Intro / Search / ZVON
>> Example 55 << | Prev | Next | Index | Contents

A float is a box that is shifted to the left or right on the current line. Remaining content may flow along its side (or be prohibited from doing so by the 'clear' property).

XML SourceCSS stylesheetExample link
(1)
     <XXX>
          <BBB>111111</BBB>
          <AAA>AAAAA</AAA>
          <BBB>222222</BBB>
     </XXX>
AAA {float:left; color:red; }
View output
XML SourceCSS stylesheetExample link
(2)
     <XXX>
          <BBB>111111</BBB>
          <AAA>AAAAA</AAA>
          <BBB>222222</BBB>
     </XXX>
AAA {float:right; color:red; }
View output