Which CSS tag creates a box like this with title?

html css fieldset legend
Mozammel picture Mozammel · Sep 22, 2008 · Viewed 59.2k times · Source

I want to create a box like this with title:

CSS box with title

Can any one please let me know if there is a default CSS tag to do this? Or do I need to create my custom style?

Answer

Athena picture Athena · Sep 22, 2008

I believe you are looking for the fieldset HTML tag, which you can then style with CSS. E.g.,

    
    <fieldset style="border: 1px black solid">

      <legend style="border: 1px black solid;margin-left: 1em; padding: 0.2em 0.8em ">title</legend>

      Text within the box <br />
      Etc
    </fieldset>

Related questions

Default CSS values for a fieldset <legend>

I'm trying to use a <legend> as a title inside a <fieldset>. In browsers other than IE, the <legend> is positioned on the top border of the <fieldset>, with the text perfectly …

Read More
Why won't my <legend> element display inline?

I am trying to apply display: inline; to the <legend> element in my <fieldset> element, so that the following <span> will follow on the same line, but my CSS is having no effect. JSFiddle …

Read More
Can any HTML element be styled as a fieldset/legend?

Using the display property, HTML elements become interchangeable from a styling perspective. This doesn't seem to be the case for fieldset and legend, however. Is it possible to style other HTML elements to look like fieldset and legend?

Read More