| <html> |
| <head> |
| <style> |
| body { font-family: Ahem; font-size: 25px; color: green; } |
| div.float { float: left; height: 50px; width: 50px; background-color: lightyellow; color: red; } |
| div.margin { margin-top: 20px; } |
| </style> |
| </head> |
| <body style="height: 200%"> |
| <div class="margin"> |
| <div class="float"> |
| A<br><br>B |
| </div> |
| </div> |
| <div> |
| X<br style="clear: both;">Y |
| </div> |
| <div style="clear: both; height: 50px;"></div> |
| <div class="margin"> |
| <div class="float"> |
| A<br><br>B |
| </div> |
| </div> |
| <div> |
| <span style="direction: rtl">X<br style="clear: both;">Y</span> |
| </div> |
| </body> |
