Using CSS to lay out forms

The following examples use the same source code, just change the ID on the form.

This displays the flexibility of using an ol/css based method of marking up a form.

Example One - Default

No extra styling here

Example Two: Labels to the left, text-align: right

Example Three: Labels on top

Example Four: Labels on the right