如何在`fieldset legend`的中间位置设置文本答案

【问题标题】：How to set Text at middle position in `fieldset legend `如何在`fieldset legend`的中间位置设置文本
【发布时间】：2012-12-10 16:40:21
【问题描述】：

如何在field set的边框中间设置图例文字？

我试过这个html代码：

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

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

【问题讨论】：

【解决方案1】：

CSS是你的朋友

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

【讨论】：

【解决方案2】：

尝试给“图例元素”一个宽度，百分比为 10%。然后给它 margin-left:45% ((100-10)/2)

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

}

它将在边界之间的中心

【讨论】：