spanタグで線を引く

知らなかったのでメモ。

実行

HTML

    <div class="box">
        <span> </span>
    </div>

CSS

.box {
  position: relative;
  width: 100px;
  height: 50px;
}

.box span {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #000;
}

結果

以下のような線が引けます。

最後に

特にありません。