Как добавить расстояние между inline-block-элементами?

Question

[Виктор]

при вставке элементов на страницу с помощью JS элементы вставляются вплотную друг к другу: код из фаербага

подскажите кто-нибудь, есть ли какой способ вставлять элементы так, чтобы между ними был пробел, как это происходит если в редакторе каждый элемент списка с новой строки писать? мне это нужно, чтобы text-align: justify срабатывал (пример)

Comments

[Виктор]

в общем решил через 'document.insertBefore(document.createTextNode("\r\n"), listItem)'

Answer 1

[Александр Миранович]

Ну так когда через js вставляете'<li> asdflsadjfl</li> ' добавьте в конце пробел, если он так не срабоатывает поставьете его через спецсимволы
'<li> asdflsadjfl</li>&nbsp;'

Comments

[Виктор]

а как добавить   в конец нового элемента, который с помощью JS надо вставить в конец списка?

[Виктор]

*добавить nbsp

[Александр Миранович]

я же толком не вижу ваш код как вы вставляете этот элемент? Можно вообще как вам человек написал просто все через margin сделать, но вы писали вам именно что бы был пробел.

Answer 2

[maksjuk11]

Я правильно понял: вам нужно, что бы во втором списке были отступы между каждым элементом?
Вам просто нужно выбрать второй список и сделать margin отступы между элементами.
Добавьте этот код:

.justified:nth-child(2) li {
  display: inline-block;
  margin-left: 16px;
}

Вот полный код.

Comments

[Виктор]

нет, неправильно поняли.