Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

Practice exercises CHAPTER 7 333

10. Add a
    element containing a element and an ele-
    ment for firstName, lastName, emailAddress, and message. Be sure to assign the id and
    the name attributes of each form submission element.
    The form should look the like the following.

    
    

    
    First Name:
    
    

    
    

    
    Last Name:
    
    

    
    

    
    Email Address:
    
    

    
    

    
    Message:
    
    

    
    

    
    Submit
    

    
    

    
    


11. Open the default.css file and, at the bottom of the file, add a style rule for the
    element that clears the previous elements and displays as a block that is floated left.
    Set the width to 125 pixels and set the height to 12 pixels. Set vertical alignment to
    bottom and padding to 10 pixels.
    Your style should look like the following.
    label {
    clear: both;
    display: block;
    float: left;
    width: 125px;
    height: 12px;
    vertical-align: bottom;
    padding: 10px;
    }


12. Add another style rule to the bottom of the default.css file for elements, but
    only for elements that are inside a
    element. Set the width to 200 pix-
    els. Set the border width to medium and the border color to hsl(255, 100%, 100%). Set
    the height to 12 pixels and set text alignment to left and vertical alignment to top. Set
    the font family to Arial and the font size to 12 point.
    Your style should look like the following.
    form input {
    width: 200px;