legend width

[JontyMC]

How can I make a legend background in a form go across the whole screen? This is done with tables, but surely it must be easy to do it in CSS:

I've tried width: 100% on the legend, but that doesnt appear to have any effect, why is that?

Thanks,

Jon

 

[BillyRayPreachersSon]

I've tried width: 100% on the legend, but that doesnt appear to have any effect, why is that?

Without seeing the code, it would be hard to say for sure, but most likely is that the 100% width you are specifying will make the legend 100% of the width of its container element, rather than 100% of the width of the screen.

Can you post the code you have?

Hope this helps,
Dan

 

[JontyMC]

How would you do it for this basic code? What container is the legend in?

<fieldset>
	<legend>My form</legend>
	<div>
		<label>text:</label>
		<input type="text" name="text" />
	</div>
</fieldset>

Thanks