`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 and have text fill the remaining space. Do this with the align="right" (as with images) attribute inside the table tag. Of course, you can align the table to the left, as well.

Another useful attribute 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 the PC,
high school women spent hours and hours
learning how to use typewriters to
produce business letters.
Men, of course, did important things.
They spent hours and hours 
learning how to set metal type 
for printing presses.
</p>

<p>
<em>My</em> high school
was very modern.
The men took typing class and the women
learned printing.
</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 13:

Can a table have many items per row?

Answer:

align and cellpadding

QUESTION 13:

`align` and `cellpadding`