Styling the line as on the layout, how?

Question

css

Tell me, pliz, how can I do the same as on the layout?
That is, so that the lines start at the end of the second line and adjoin the second line. Given that the entire block (green) is a rubber square.

Answer 1

Made a couple of examples. If you want to write in black, you can use mix-blend-mode: overlay. There may be a simpler/beautiful/elegant solution, but I can't think of one right now. It can be done much easier if the following condition is not present:

so that the lines start at the end of the second line and adjoin the second line

Or manually split into lines and only add an underscore to the last line.

Answer 2

Option without splitting into lines through span, and restriction through max-width

this implementation has a problem with dotted line padding