HTML and CSS Reference
In-Depth Information
fieldset#credit_card label {
line-height: 1.2em;
}
See Figure 11-15—much better!
Figure 11-15. We've corrected our radio button label alignment by properly setting the
line-height property.
Summary
There's no doubt that form styling on the Web is less consistent from browser to browser than
most other (X)HTML elements. However, using semantic (X)HTML and CSS it is possible to
achieve clear, clean, concise forms that are at once usable, accessible, and attractive. As with
the previous chapter on table styling, your creativity is the only limit. Try using background
images and other CSS properties within forms to achieve even more fabulous looks.
Now that you're comfortable with styling the forms in your web pages, let's move on to
another very common page element: lists.
Search WWH ::




Custom Search