Как выровнять дочерние элементы div рядом друг с другом в невложенных родительских элементах div

У вас есть два блока div рядом, каждый внутри их собственный родительский div. Эти родительские элементы div повторяются несколько раз. Вы хотите расположить каждую пару child_div_1 и child_div_2 горизонтально рядом друг с другом.

Чтобы добиться этого, используйте display:inline-block; Свойство стиля в дочерних элементах div. Это свойство позволяет элементам div выравниваться как встроенные элементы, не прерывая нормальный поток контента. Хотя элементы div будут отображаться рядом друг с другом, они сохранят свой статус блочных элементов.

Этот метод обеспечивает более простой способ достижения желаемого макета по сравнению с использованием плавающих элементов. Вот пример измененного HTML и CSS:

.child_div_1, .child_div_2 {
  display:inline-block;
}

Для получения дополнительных инструкций вы можете обратиться к следующему руководству: http://learnlayout.com/inline-block.html