Добавляйте разрывы строк или пробелы между элементами при использовании jQuery .append ()

У меня есть набор элементов jQuery, которые я получаю из моей DOM, вызывая:

$(".some-selector");

Все мои элементы являются DIV, каждый по-своему линия. Мои DIV настроены на CSS (среди прочего)

display: inline-block;

, что предотвращает их рендеринг как блочные элементы (каждый в отдельной строке).

Проблема в том, что когда эти DIV рендерится, между ними есть пробелы, потому что есть разрыв строки в документе между каждым элементом. Меня это устраивает. Конечно, я мог бы использовать float: left , чтобы избавиться от этих пробелов, но это не то, что я хочу, потому что у меня будут другие проблемы с размером контейнера и т. Д.

Итак. Проблема в том, что я манипулирую порядком этих элементов в моем наборе jQuery, а затем повторно их визуализирую. По сути, я делаю следующее:

$(".some-selector").detach().manipulate().appendTo(".container");
// or equivalent
$(".container").append($(".some-selector").detach().manipulate());

Проблема в том, что они повторно вставляются в DOM, но без разрывов строк и пробелов ...

Как мне вернуть эти разрывы строк при добавлении моих элементов в DOM?