How to set Text at middle position in `fieldset legend `

html css legend fieldset

Radix · Dec 24, 2012 · Viewed 7.2k times · Source

How to set Legend text in middle of border in field set?

I have tried this html code:

<fieldset>
    <legend align="center"> 
              This is text appear at center of border
    </legend>
</fieldset>

I also tried with margin-left: 100px but I don't want to use margin-left because of design limitations.

Answer

CSS is your friend here

legend {
    width: 100%;
    text-align: center;
}