Help implement custom behavior [Solved]

Question

css

Hello.

It is necessary to implement a slightly non-standard block behavior - without the use of javascript and media-query.
The idea is that blocks at low screen resolution are located one under the other and their content is centered, but when the screen width allows, the blocks line up one after the other, for example, 50% of the width.

I have already beaten a lot of options, it turns out to be adequately done only with the help of media-query.

Does anyone have any ideas?

Answer 1

jsfiddle.net/HwD3R/
Most likely there will be problems in IE6-IE7 - unfortunately, there is no way to check

Answer 2

right ?

Answer 3

Layout with divs, specify the width of the blocks and the float, everything will be as it should.
For example, if you do:


Then if the width of the container in which they lie is less than six hundred pixels, they will line up next-to-other
. And if more, then in two columns.
That is my idea.