Как убрать отступы под текстом?

Question

[Andrey Vasilev]

Собственно вывожу определенные слова, генерирую margin-top и font-size, применяю к item.
Появляются отступы под словами, можно ли их как-то убрать?

https://codepen.io/Nolis/pen/qBBKqgg
Нужно что-то вроде:

Comments

[TouristPlay]

Попробуй line-height: inherit;

[RAX7]

.block {
  align-items: baseline;
}

Answer 1

[i_m_newbie]

У родительского элемента явно не задано свойство align-items для выравнивания потомков, соответственно, по умолчанию применяется значение stretch, т.е. все элементы в родительском блоке растягиваются по высоте. Отсюда высота всех div`ов одинаковая. Задайте то выравнивание, какое вам нужно (flex-start/center/baseline/flex-end), и блоки примут исходную высоту

Comments

[Andrey Vasilev]

прикол в том, что они должны быть хаотично разбросаны в блоке, но при этом занимать все свободное место, если это возможно :/

[i_m_newbie]

[Andrey Vasilev]

i_m_newbie, прям должны вот друг под другому строится, что-то вроде этого:

но пока я не думаю, что это хороший ход

[Andrey Vasilev]

i_m_newbie,
нужно что-то вроде этого

Answer 2

[Николай]

.item{line-height: 1}

Comments

[Andrey Vasilev]

при рандомной генерации font-size, это не вариант вообще

[Николай]

Andrey Vasilev, так оборачивай элемент и присваивай ему значение свойства font-size через js.