I was wondering if it was possible to do something like this :

The first line…

---

The second line in the same paragraph…

---

The third line…

---

With only one <p> ?

CodePudding user response：

Method 1: Use border-bottom

p {
  border-bottom: 2px solid black;
}

<p>first line</p>
<p>second line</p>
<p>third line</p>

Method 2: Use <hr> tag

<p>first line</p>
<hr>
<p>second line</p>
<hr>
<p>third line</p>

CodePudding user response：

.underline {
    text-decoration-line: underline;
}

CodePudding user response：

you can use boarder instead of text properties and you can apply below CSS on P tags

p{
    border-bottom: 2px black solid;
 }