Fieldset, legend, border-radius and box-shadow – demo page

This is a demo document related to the article Fieldset, legend, border-radius and box-shadow. Please see the article for context and information.

This fieldset has no special fixes for anything, so there will be visual peculiarities and line wrapping issues in some browsers

Red

Green

Blue

This fieldset has an absolutely positioned legend element, which will cause problems when the legend’s text is long enough to line wrap

Red

Green

Blue

This fieldset’s legend element is floated and has a negative top margin to position it on top of the fieldset’s top border

Red

Green

Blue

A p element with border-radius and box-shadow.