In this exercise, you'll use CSS to style a form and let the user known when they've entered something wrong.
spanelements inside each
label. Add a
floatproperty so that the spans all form a left column.
type="button". Give it a
widththat makes it take up the whole width of the page.
hoverstate of the button. Give it a
inputelements that are
required. Give them a
inputelements that are invalid. Give them a
spanelements that come after the labels (the form hints). Change their
display:none;property to the previous rule so they start off hidden. Then add a CSS rule to style the
spanelements that come after the labels, but only when the label is being hovered over. Give that state a
spanthat appears after the newsletter
input, but only when that
checked. Give it a
In the end, your form should look something like this screenshot: