>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Example 52 << | Prev | Next | Index | Contents

In this example the order of elements is changed with help of relative positioning.

XML SourceCSS stylesheetExample link
(1)
     <XXX>
          <AAA>aaa</AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
          <EEE>eee</EEE>
     </XXX>

BBB {position:relative; left:12ex}
CCC { position:relative; left:4ex}
DDD { position:relative; right:4ex}
EEE { position:relative; right:11ex}
View output