如何设置字段集的Line-On-Sides图例？

Question

我有一个带有图例的字段集。

<fieldset>
   <legend>TEXT</legend>
</fieldset>

我正在尝试应用一种风格，我需要以下内容：

的Sample1：

-------------------- TEXT ------------------------

样品2：

TEXT ------------------------

Ps：line not dashed

有一种简单的方法只用css吗？我发现了一些带表格的样本......

Answer 1

这是你正在寻找的吗？：

＆＃13;

＆＃13;

#sample1 {
  text-align: center;
  border: none;
  border-top: 1px solid black;
}

#sample2 {
  text-align: left;
  border: none;
  border-top: 1px solid black;
}

＆＃13;

<fieldset id="sample1">
   <legend>Sample 1</legend>
</fieldset>

<fieldset id="sample2">
   <legend>Sample 2</legend>
</fieldset>

＆＃13;

＆＃13;

＆＃13;