<input> нужно отказаться потому что его основная задача отправлять данные на сервер. Поэтому вы уже не правильным путём идёте.
:last-child - находит любой элемент, являющийся последним в его родителе. Когда вы ищите с помощью селеткора `:last-child`, то не учитывается тип элемента.<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>li:last-child {
background-color: rebeccapurple;
}<li>, но нет вы ищите последний элемент в родителе. Это легко проверить. Для этого нужно сделать блок с разными элементами<div class="wrapper">
<span class="element">span</span>
<div class="element">div</div>
<p class="element">p</p>
</div>.element:last-child {
background-color: rebeccapurple;
}.element только на <div><div class="wrapper">
<span>span</span>
<div class="element">div</div>
<p>p</p>
</div><div class="element">div</div> ни на <p>p</p>. Потому что селектору :nth-child последний элемент <p> не соответствует из-за отсутствия класса .element.
.thumb { display: none }
\nдля переноса строки.\nне будет видно, а текст перенесётся https://codepen.io/expa/pen/oNKNBea?editors=1111вам остаётся только посчитать символы в строке и после каждой двадцатой добавлять
\n