<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">
            &nbsp;&nbsp;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">
            &nbsp;&nbsp;A<br><br>B
        </div>
    </div>
    <div>
        <span style="direction: rtl">X<br style="clear: both;">Y</span>
    </div>
</body>