In the early days of the Internet, web sites were for gathering and displaying information. In its 20 year history, this hasn’t changed much! At some point on a site you have to enter your details or what information you’re searching for. So, it makes sense that the thing I spend most of my time doing is creating forms!
Most of the time you see a form, the label is on the left and the field is on the right, with validation or help after the input field. There are lots of ways this can be laid out, but the simplest and most semantically correct method is hardly ever used. What I’m going to show you is how to lay out a form properly with standards-compliant CSS.