<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>