如何在`fieldset legend`中的中间位置设置Text

Question

如何在field set？

的边框中间设置图例文字

我试过这个HTML代码：

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

我也试过margin-left: 100px，但由于设计限制，我不想使用margin-left。

Answer 1

CSS 是您的朋友

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

Answer 2

尝试给“图例元素”一个宽度，百分比如10％。 然后给它左边缘：45％（（100-10）/ 2）

legend {
width: 10%;
text-align: center;
margin-left:45%;

}

它将位于边界之间的中心