CSS multiple elements auto position

Question

I am working on a mobile website with four divs that need to be positioned according to the width of the parent div. I need the divs to divide up the space in between evenly. Here are a few examples:

When the width is 500px it might look something like this,

and when it is 300px,

Can you share your current attempts with us, tell us what you've tried so far (and perhaps why it didn't work for you)? This makes it a lot easier for us to help you! — Jeroen, Aug 05 '12 at 00:10

score 1 · Accepted Answer · edited May 23 '17 at 12:30

1

Check the following article: Center Multiple DIVs with CSS.

There is a this similar SO question also.

edited May 23 '17 at 12:30

Community

1
1

answered Aug 05 '12 at 00:15

Leonel Machava

1,501
11
19

CSS multiple elements auto position

1 Answers1