O'Reilly logo

Responsive Web Design with HTML5 and CSS3 by Ben Frain

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Styling HTML5 forms with CSS3

Our form is now fully functional across all browsers and whilst we've got some very basic styling, you and I both know, with CSS3 we can do so much better. Let's apply some of the techniques we've already learned and used to spice up our form a little. So far, the following are all the form specific styles we have:

#redemption { width: 100%; font-family: 'ColaborateThinRegular'; font-weight: 400; } #redemption hgroup { margin-bottom: 20px; } #redemption div { width: 100%; margin-bottom: 15px; float: left; } #redemption span#range { float: left; font-size: 3em; width: 100%; color: red; clear: both; text-align: center; } #howYouRateThis,#yearOfCrime { text-align: right; } #redemption legend { font-style: italic; color: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required