css - CSSで下線の太さを設定する

Question

私は自分のウェブサイトを再設計しており、特定の段落を下の画像のようにスタイルしたいと考えています。

これでいいと思っていたのに、いきなり…下線の太さを設定する方法がありません！または、少なくとも私はないと思いますか？

もちろん、border プロパティはありますが、各行の下ではなく、段落全体の下部にのみ境界線を設定します。

誰でもこれに対する回避策を考えることができますか?

Answer 1

段落をinlineディスプレイに変えることができます: DEMO

このようにして、 aborder-styleをあなたunderlineのようなものに設定することもできます:

p {
  display:inline;
  border-bottom:3px double;
}

<p>タイトル間の単一の段落

Answer 2

この例は次のようになります。

h4 {border-bottom: 10px solid #000;}

ここにある別のスタック交換の質問からこれを見つけました: CSS 'underline'属性の線の太さを編集します