Добавление вертикального пространства между элементами HTML (divs) в одном контейнере ⇐ CSS

[Anonymous]

У меня есть следующий код, и он хорошо работает, перетасовывая элементы внутри контейнера, но проблема в том, что блоки контента отображаются закрытыми друг к другу, без вертикального пространства между ними, и я пытался добавить много тегов, таких как p и между ними, чтобы получить желаемое пространство, но это дает неупорядоченное пространство, поэтому некоторым блокам есть место, а некоторым нет, а иногда это вообще останавливает перетасовку
поэтому мне нужен какой-то способ, как добавьте пространство между всеми элементами div, сохраняя при этом функцию перетасовки


< pre class="snippet-code-js lang-js Prettyprint-override">

Код: Выделить всё

[url=https://www.facebook.com/saudioffers6]‏عروض السعودية  saudi offers‏[/url]

[url=https://www.facebook.com/diyprocom]‏‎Diy pro‎‏[/url]

[url=https://www.facebook.com/MarinaFish2019]‏مارينا للأسماك والرخويات‏[/url]

[url=https://www.facebook.com/nursery.libya]‏مشتل تمنهنت‏[/url]



// Function to shuffle the order of elements within a container
function shuffleElements(container) {
var elements = container.children;
for (var i = elements.length; i >= 0; i--) {
container.appendChild(elements[Math.random() * i | 0]);

}
}

// Wait for the page to fully load before shuffling the elements
window.addEventListener('load', function() {
var container = document.getElementById('your-container-id'); // Replace 'your-container-id' with the ID of the container div that holds the RSS feed divs
shuffleElements(container);

});

Подробнее здесь: https://stackoverflow.com/questions/786 ... -container