h1 tag inside fieldset

factoring · 05-01-2008, 03:20 PM

Hi guys,

Is it possible to put an <h1> tag inside a <fieldset><legend> tags?

Well, I know that it is possible, but it doesn't look right even with the correct css styling. Am I missing something inside the css?

Thanks for your help.

nasty.web · 05-01-2008, 03:57 PM

It is definitely possible. You might be missing something in the CSS.

factoring · 05-01-2008, 04:25 PM

This is the html code:

<fieldset><legend><h2>This is the text</h2></legend></fieldset>

CSS:

fieldset legend h2 { font-size: 110%; font-weight: bold; color:#AC6A0B; margin: 0 0 0 0; padding: 0 5px;}

Thanks for your help

nasty.web · 05-01-2008, 04:31 PM

CSS:

fieldset h2 { font-size: 110%; font-weight: bold; color:#AC6A0B; margin: 0 0 0 0; padding: 0 5px;}

Or use class attributes.

Capo64 · 05-01-2008, 04:36 PM

why not just have a class for your legend and save some clutter?

<fieldset><legend class="head">This is the text</legend></fieldset>

legend.head{ font-size: 110%; font-weight: bold; color:#AC6A0B; margin: 0 0 0 0; padding: 0 5px;}

ag3nt42 · 05-13-2008, 05:12 AM

Quote:

Originally Posted by Capo64

why not just have a class for your legend and save some clutter?

<fieldset><legend class="head">This is the text</legend></fieldset>

legend.head{ font-size: 110%; font-weight: bold; color:#AC6A0B; margin: 0 0 0 0; padding: 0 5px;}

and instead of using "margin:0 0 0 0" use "margin:auto;" or "margin:0"

no need to have all the extra 0's in there.. the browser will automatically make all 4 sides 0. "margin" is the command for all 4 sides.. it only targets
one side if you use margin-left ect...