<style>
    .square {
        width: 100px; 
        height: 100px;
        background-color:green
    }
</style>


<div align="right">This text and the green square are both right aligned: <div class="square"></div>
    <div align="left">
        This text and the green square are both left aligned despite being nested in a div with align="right":
        <div class="square"/>
    </div>
</div>