Long Legend Test

Test 1: Default Legend

By default, the text within a legend does not wrap in Internet Explorer 6, 7 or 8:

Legend (This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.)

Test 2: Legend w/ Wrap Workaround

The following workaround will enable legend text to wrap:

<legend><span class="wrap">Legend Text</span></legend>

legend {
    width: 100%; /* allow legends to wrap in IE 8 */
}
legend .wrap {
    display: block; width: 100%; white-space: normal; /* allow legends to wrap in IE 6 & 7 */
}

Legend (This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.)

MSF&W Accessibility Tests