text-align all possible values : text align « CSS « HTML / CSS






text-align all possible values

  



<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
  <style rel="stylesheet" type="text/css">
body {
  font-size: 12px;
}

table {
  width: 500px;
}

td.leftAlign {
  text-align: left;
}

td.rightAlign {
  text-align: right;
}

td.center {
  text-align: center;
}

td.justify {
  text-align: justify;
}
</style>
</head>

<body>
<h1>text-align</h1>
<table>
  <tr><td class="leftAlign">Here is some text</td></tr>
  <tr><td class="rightAlign">Here is some text</td></tr>
  <tr><td class="center">Here is some text</td></tr>
  <tr><td class="justify">Here is some text</td></tr>
</table>

</body>
</html>

   
  








Related examples in the same category

1.The text-align Property
2.'text-align' Example
3.text-align: justify
4.text-align:right;
5.text-align:left;
6.text align center
7.text-align: left;
8.text-align: center;
9.text-align: right;
10.text-align: justify;
11.text-align:left;right;center;justify;
12.Right align text
13.Text flows out of the boundaries