Динамически созданное содержимое находится в середине веб-страницы вместе с автоматическим фоном

Question

Я создаю динамические подразделения на основе исходных данных. Когда я удаляю float:left в функции jquery, я могу автоматически получить подконтейнер div в качестве фона. Но это меняет мой макет. Динамические divs будут до 6. Я не хочу жестко кодировать высоту subcontainer div. Мне нужно что-то вроде изображений ниже.

Вот мой FIDDLE

Answer 1

Добавить дисплей: встроенный блок; в основном контейнере.

попробовать это:

.subcontainer { 
    margin:0 auto; 
    width: 80%; 
    padding: 30px 20px; 
    background-color: white; 
    border-radius: 5px 5px 5px 5px; 
    display:inline-block;; //add this line 
}