html - 有没有一种简单的方法可以使用 html/css 在文本旁边显示一行

Question

我想知道一种在文本右侧显示一行的简单方法。该行不应该从文本的中间开始，而是从文本的底部开始，类似于为文本添加下划线，但应该排除文本。

在此处输入图像描述

标签： htmlcss

Answer 1

试试这个。

hr {
    display: inline-block;
    width: 50%;
    position: relative;
    top: 0.5em;
    border: 0.7px solid lightgray;
}

<div>Choose blank <hr></div>

使用<hr>标签，我们可以实现您想要的。