I thought I knew this, but apparently not D:

<fieldset>
<legend>Title</legend>
Blah Blah Blah
</fieldset>

My question is, how do I make TWO legend for fieldsets?

Something like:

<fieldset>
<legend>Title</legend>
Blah Blah Blah
<legend align="bottom">Title 2!</legend>
</fieldset>

You don't, the legend tag is used for the heading for the fieldset.

http://www.w3schools.com/tags/tag_fieldset.asp

Yes, I know what a legend is, but I want two of them on the same fieldset. One like a header and one like a footer.

Position the fieldset relative and position the bottom legend absolutely to the bottom of it.

I've tried that... It didn't work

code?

fieldset {
	position:relative;
	width:50%;
	height:220px;
	border:2px solid green;
}
fieldset legend.bottom {
	position:relative;
	height:10%;
	top: 92%;
	background-color: white;
}

<fieldset>
<legend class="top">Title</legend>
Blah Blah Blah
<legend  class="bottom">Title 2!</legend>
</fieldset>

http://www.modtalk.co.uk/_site/demos...yout/fieldset/

Originally Posted by chrishirst

fieldset {
	position:relative;
	width:50%;
	height:220px;
	border:2px solid green;
}
fieldset legend.bottom {
	position:relative;
	height:10%;
	top: 92%;
	background-color: white;
}

<fieldset>
<legend class="top">Title</legend>
Blah Blah Blah
<legend  class="bottom">Title 2!</legend>
</fieldset>

http://www.modtalk.co.uk/_site/demos...yout/fieldset/

Ah, I see what you're doing, and yes, it works (That's what I had before), but (I'm using Firefox & Google Chrome) the bottom one (Title 2!) isn't 'inside' the fieldset like 'Title' (Top). I guess it's not possible then, unless you somehow overlay two fieldsets, like this?

<fieldset>
<legend>Regular Title</legend>
Content Content Content
<fieldset style="height:12px;border:none;"><legend>Bottom Legend?</legend></fieldset>
</fieldset>

http://www.tjkdesign.com/articles/ho...nd_element.asp

Woah...

Thanks!