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
Search WWH ::




Custom Search