tr text-align: left;

   


<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">

table {
  border: 1px solid #d8d8d8;
  border-collapse: collapse;
  line-height: 1.3em;
  width: 95%;
  margin: 0 0 16px;
  padding: 0;
}

caption {
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
  padding: 6px 0 8px;
  text-align: left;
}

th {
  background: url(img/menubg2.gif) repeat-x bottom left #eaeaea;
  color: #505050;
  padding: 7px;
  text-align: left;
}

td {
  background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  color: #303030;
  font-size: 0.9em;
  padding: 7px;
  text-align: left;
}


</style>

</head>
<body>
  <div id="footer">
    <table><caption>caption</caption><tr><td>this is a test</td></tr></table>
    
  </div>

</body>
</html>

Related examples in the same category

1.	'tr' Example
2.	table row with class
3.	Table style for even rows
4.	Set different colors for even and odd table row
5.	table row background
6.	table row hover
7.	stripe table with Javascript
8.	Coloring Rows in a Table
9.	Selecting cells in row
10.	Alternating Row Background
11.	Alternating row colors
12.	Table with subtotoal row
13.	Hiding row
14.	tr height: 30px;
15.	tr background: #EFEFEF;
16.	tr background: url(img/menubg2.gif) repeat-x bottom left #eaeaea;
17.	tr color: #505050;
18.	tr padding: 7px;
19.	Highlighting rows with mouse move

tr text-align: left; : tr « Tags « HTML / CSS

Related examples in the same category