An HTML table with width and float attributes : table size « Tags « HTML / CSS






An HTML table with width and float attributes

     
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
body { padding: 30px; line-height: 1.5em; } 
td { text-align: right; padding: 5px; } 
th { text-align: left; padding: 5px; } 
</style> 
</head> 
<body> 
<h2 align="center">Final Exam Results</h2> 
<table width="33%" align="right" hspace="12" border="1"> 
<tr><th></th><th>Points</th><th>Grade</th></tr> 
<tr><th>Larry</th><td>86</td><td>B+</td></tr> 
<tr><th>Heidi</th><td>91</td><td>A</td></tr> 
</table> 
<p>This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.</p> 
This is a test.
This is a test.

</body> 
</html> 

   
    
    
    
    
  








Related examples in the same category

1.Table body font size
2.Sized Table
3.Sized or Stretched Table
4.Right-offset Sized Table
5.Right-aligned Sized Table
6.Centered Sized Table
7.Left-offset Sized Table
8.tbody td font-size: 120%;
9.'cellpadding' sets the empty width between a cell's border and its content
10.'cellspacing' sets the width of the empty space between cells in a table
11.Table width 200px
12.Set table width, margin and text align
13.A table with auto width only expands enough to accomodate its content
14.table width: 350px;
15.table border-width: 1px;
16.table width:250px;
17.table width: auto;
18.table width: 95%;
19.table width: 50%; margin: 0 auto; text-align: left;
20.table with auto width
21.table width: 100%;border: thin solid black;border-spacing: 15px 0;
22.table border-style:solid; border-width:1px; border-color:#666666;
23.table width: 100%;
24.Table width: auto
25.table auto width and height
26.Column Width: percentage, auto and px
27.Shrinkwrapped Table column width
28.table width: 100%
29.Fixed Table with fixed width
30.Adding auto width to a Table
31.Left-offset Shrinkwrapped Table
32.Right-offset Shrinkwrapped Table
33.Indented Stretched Table
34.Stretched Table