在一个<；人力资源>；HTML元素

我有下面的场景。我正在构建一个web应用程序，它可以为考试制作控制器，以便您以后可以打印它们

为了使用fill填充空格，我想使用

元素来渲染行，但是每行都必须附带一个相应的字母，如下所示：

a-_____________

b-_____________

诸如此类。我的问题是如何在实际行开始之前设置

的样式，使其具有内容

的当前CSS如下：

.question-line{
    border-bottom: 1pt solid #333;
    margin-bottom: 25pt !important;
}

---

检查这把小提琴。这是你需要的东西吗

.question-line::before {
    content: "a-";
    margin-left: -10px;}

---

您可以用它们创建一行，并将文本放入普通元素中

.row{
显示器：flex；
对齐项目：柔性端；
边际：0.25px；
}
人力资源{
保证金：0；
填充：0；
边框：实心#333；
边框宽度：0 0 1px；
弹性：100；
}

a-

b-

只需使用FlexBox：

.mytextdiv{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
}
.mytexttitle{
flex-grow:0；
}
.分隔器{
柔性生长：1；
高度：1px；
背景色：#9f9f9f；
}

A.

您可以使用Flexbox将

hr

定位在伪元素底部，并将css计数器定位为字母

正文{
计数器复位：hr计数器；
}
人力资源{
宽度：100px；
边界：无；
边框底部：1px纯黑；
显示器：flex；
对齐项目：柔性端；
利润率：15px；
}
人事：以前{
计数器增量：hr计数器；
内容：计数器（hrCounter，低字母）“-”；
转化：translateX（-100%）；
}

你能发布你正在使用的HTML吗？你只想在下面划线吗？使用文本装饰：下划线我建议使用底部带有

边框的
而不是
。给你更多的灵活性。