Aligning the text within the div tag

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>
  

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Aligning the text within the div tag
aligning the scanned images -
Able to Copy Text from Uneditable Text Boxes(JTextfields) -
Java- Copy text area into disabled text area -
Transparent Text -
text like a curve -
i tag for italic text -
Get Text Field value by php -
Flaming Text -
set text align to justify -
Bounding Box to Center Text by php -

Topic Tags

HTML Div

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com