Example Form Layout Using Inline-Blocks

This page demonstrates the use of display:inline-block; — and the work-arounds for older Mozilla based browsers (e.g. Firefox 1.x-2.x and Netscape 6+) and IE5-7/Win — to line up labels and form controls without using floats or tables. (Firefox 3 natively supports it.)

Related Links:

• CSS Example Menu 4: Centered Menu
• Let’s All Get Inline (In a Block, In a Block)