Esta pregunta ya tiene una respuesta aquí:

Me gustaría mostrar una fila de divisiones de remolque una al lado de la otra, mientras que en la siguiente fila, la siguiente división se encuentra directamente debajo de la última. Me gusta esto

Debido a que el diseño tiene que estar integrado en un CMS, no puedo poner los recuadros 1,3 y 2,4 en un separat div. ¿Hay alguna manera de lograr este tipo de comportamiento sin elementos de envoltura adicionales? (El comportamiento de flotación normal no funciona, mostrar inline / inline-block tampoco funciona). ¿O se requiere JavaScript para construir un diseño como este?