Aligning the text within the div tag

Sat Jan 07, 2012 11:13 am

Aligning the text within the div tag , this example use css to define different alignment of text inside the

Code:: <html> <head> <title>Align text within the div tag</title> <style type='text/css'> #content { background:#BC34EF; clear:both; color:#FFFFFF; height:25; line-height:1.8em; padding:2; } #content a { background:inherit; color:#FFFFFF; text-decoration:none; } #content .leftSided { margin:0 0 0 20px; } #content .rightSided { margin-right:20px; margin-left:10px; } </style> </head> <body> <div id="content"> <span class="leftSided">Codemiles team</span> <span class="rightSided">Says hello to you </span> <a href="#">Visit us</a> </div> </body> </html>