HTML and CSS Reference
In-Depth Information
3.
Put your cursor before the closing
</style>
tag within the
<head>
section and press Enter
(Return).
4.
Enter the following code:
button img {
vertical-align: middle;
}
5.
Put your cursor at the end of the closing
</p>
tag after the final checkbox and press Enter
(Return).
6.
Enter the following code:
<p>
<button type=”submit” name=”submitButton”>
<img src=”images/tick.png” width=”16” height=”16” /> Submit your entry
</button>
<button type=”reset” name=”resetButton”>
<img src=”images/arrow_refresh.png” width=”16” height=”16” /> Start over
</button>
</p>
7.
Save your file.
8.
In your browser, open
tpa_jupiter.html
to view the rendered table with the new buttons
as shown in Figure 19-11.
FiGure 19-11