`align` and `cellpadding`

Monarch	Reign
William I	1066-1087
William II	1087-1100
Henry I	1100-1135
Stephen	1135-1154

As with images, it is possible to position a table to one side of page. Do this with the align="right" (as with images) attribute/value inside the table tag. Of course, you can align the table to the left, as well.

Another useful attribute/value to include inside the table tag is cellpadding="5". This places 5 pixels of padding around each data item in the table. This was done with the table at right.

Also, as with images, put space between the table and the surrounding text using hspace="10" and vspace="10" (use whatever values you want).

In the following table, experiment with different values for these attributes:

<html lang="en-us">
<head><title>More Table Attributes</title>                 <meta content="width=device-width, initial-scale=1" name="viewport"/></head>

<body>
<div align="center"><h1>More Table Attributes</h1></div>

<table align="" border="" cellpadding="" hspace="" vspace="">
    <tr> <th>Monarch</th>     <th>Reign</th> </tr>
    <tr> <td>William I</td>   <td>1066-1087</td> </tr>
    <tr> <td>William II</td>  <td>1087-1100</td> </tr>
    <tr> <td>Henry I</td>     <td>1100-1135</td> </tr>
    <tr> <td>Stephen</td>     <td>1135-1154</td> </tr>
</table>

<p>
Pick "left" , "right" or "center" for the
<code>align</code> attribute.
Fill in an integer value for the other attributes.
Click the button to see the result.
This may seem to be getting complicated.
It is, a little.
But it is certainly much easier than
doing it on a typewritter.
</p>

<p>
In ancient times,
before computers,
many high school women spent hours and hours
learning how to use typewriters to
produce business letters.
Men, of course, did <u>important</u> things.
They spent hours and hours 
learning how to set metal type 
for printing presses.
</p>

<p>
<u>My</u> high school
was very progressive.
The men took typing class and the women
set type.
</p>

<p>
Oddly,
the men who took typing 
benefitted enormously.
Typing is now a necessary skill for high-tech.
The women who took
print shop did not fair as well.
</p>

</body>
</html>

Now click to see what the HTML does.

QUESTION 8:

Can a table have many items per row?

Answer:

align and cellpadding

QUESTION 8:

`align` and `cellpadding`