Legend inside Fieldset

[DoubleDee]

Is it possible to position the Legend inside the Fieldset so that the fieldset box is continuous (i.e. not broken) and the Legend text sits inside that box in the upper left-hand corner?

Before I did this using a <p>, but semantically I think it is better to use <legend>. However I still want the same appearance described above…

Hope that makes sense?!

Sincerely,

Debbie

[John_Betong]

Try this:

<style type="text/css">
fieldset {background-color:#9f9;}
legend {background-color:#cff; float:left; font-size:1.2em; margin: -2em  1em 0 0; padding:0;}
</style>

[DoubleDee]

@John_Betong

Try this:

<style type="text/css">
fieldset {background-color:#9f9;}
legend {background-color:#cff; float:left; font-size:1.2em; margin: -2em  1em 0 0; padding:0;}
</style>

Yep, that did it! (Makes total sense, too!)

Thanks! :tup:

Debbie