Text Alignment Inside a DIV Using CSS

The old align attribute on <div> is obsolete. Use CSS text-align.

HTML

<div class="my_div text-right-demo">Right aligned text</div>
<div class="my_div text-center-demo">Centered text</div>
<div class="my_div text-left-demo">Left aligned text</div>

Style

<style>
.my_div{
border-style:solid;
margin: 30px;
padding:10px 20px;
}
.text-right-demo{text-align:right;}
.text-center-demo{text-align:center;}
.text-left-demo{text-align:left;}
</style>