Center floated elements when one after the other

Question

Is it possible to center floated elements.

<div>
 <div class="box">
 </div>
 <div class="box">
 </div>
</div>

.box {
float:left;
width: 600px;
}

When container div will have 1200 or more pixels div.box are near. When less, one after the other but I want center then.

I want to get: center

Do you need to float them? Otherwise `display:inline-block` on the boxes and `text-align:center` on the parent should work just fine. — darthmaim, Feb 03 '14 at 14:58

score 1 · Accepted Answer · 2014-02-03T15:33:18.390

1

Use @media tag for making it responsive.

@media screen and (max-width: 1200px) {
//write your styles for screen size < 1200px here
}

edited Feb 03 '14 at 15:33

answered Feb 03 '14 at 15:09

score 0 · Answer 2 · answered Feb 03 '14 at 16:02

0

I think margin: 0 auto; will work fine. and also set your containers width in pixels.

answered Feb 03 '14 at 16:02

Avneesh

2 Answers2