JSFiddle - React, Tailwind, and code Playground

HTML

<div><input type="checkbox" id="hd-1" class="hide">ТЕсттектстектстектстектстектстектстектстектстектстектстектс<label for="hd-1"><img src="https://ru.wikipedia.org/static/favicon/wikipedia.ico" alt="Читать далее"></label><p><br>Новыйновыйновыйновыйновый<br><br>ЕщеЕщеЕщеЕщеЕщеЕще.</p></div>
<div>Название:
<ul>
	<li>пункт 1.</li>
	<li>пункт 2</li>
	<li>пункт 3.</li>
<li><input id="hd-2" class="hide" type="checkbox" /><label for="hd-2"><img src="https://ru.wikipedia.org/static/favicon/wikipedia.ico" alt="Читать далее" /></label><p class="dotted">пункт 4.</p></li></ul></div>

CSS

.hide, .hide + label ~ p {
    display: none; 
}
.hide:checked + label + p {
    display: block; 
}