html - `フィールドセット凡例`の中央位置にテキストを設定する方法

Question

の境界線の中央に凡例テキストを設定するにはどうすればよいfield setですか？

私はこのhtmlコードを試しました：

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

私も試してみましmargin-left: 100pxたが、デザイン上の制限のため、マージンレフトは使いたくありません。

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%;

}

国境の間の中央になります