Guys, I have a puzzle for you. I have a list like this
https://4-ch.net/img/src/1655815547859.jpg
And I want to add a new empty line below some specific link like this
https://4-ch.net/img/src/1655815547859.jpg
What's the best way to do that?

I got that second screenshot by replacing
<a href="/iaa/kareha.pl/1617691298/l50">26:Why are imageboards filled with so many religious fanatics and conservatives these days?(17)</a>
with
<a href="/iaa/kareha.pl/1617691298/l50">26:Why are imageboards filled with so many religious fanatics and <div style="margin-left: 355px;"><a href="#">[show]</a><a href="#">[newtab]</a><a href="#">[peek+]</a></div>conservatives these days?(17)</a>
, but I don't know how to get exact wordwrap position in javascript.

Maybe instead of doing all that I can just add those [show][newtab][peek+] to the right of clicked thread, but that will make all threads after that shift position, it will probably look too chaotic.

Or I could do position:absolute, and just draw text on top of other text. It wouldn't be as easy to see though, I'd rather not do that.