Center floated div items?

Item { width: 400px; margin: auto 0; } You need to specify a width so it can calculate the appropriate margins.

. Item { width: 400px; margin: auto 0; } You need to specify a width so it can calculate the appropriate margins.

This works with a fixed width only. Often impractical. – Pekka Jun 18 '10 at 21:10 this almost works but broken in IE – Mohamed Ikal Al-Jabir Jun 18 '10 at 21:10 You still floating?

It should work fine in I.E. – Aren Jun 18 '10 at 21:15.

(you will need to resize the page to see the wrap effect) djgdesign.co.uk.

Those are aligned left – Mohamed Ikal Al-Jabir Jun 18 '10 at 21:07 Ah sorry, didn't read that part of your question properly – Chief17 Jun 18 '10 at 21:28.

Get rid of float and start using display: inline for the item divs. Then you can give content a text-align: center - should work. By the way, semantically, a structure like this might work better - depending on what those divs represent, of course. Wordsn stuff asdasdasdn Dhdfrhwon sewfafdion.

This solution does not work even tho it seems like it should. I tried inline-block (which is closer to what is needed) and such which IE doesn't work. This is a very tricky problem I have tried many things.

– Mohamed Ikal Al-Jabir Jun 18 '10 at 21:08 @Mohamed then I don't understand your question completely - I'm using this method all over and it works fine. What exactly doesn't work? – Pekka Jun 18 '10 at 21:10 I want many per row this is only giving only 1 or not centering depending on how I mix up – Mohamed Ikal Al-Jabir Jun 18 '10 at 21:11 @Mohamed sorry, I overlooked the s.

Get rid of them and it will work. – Pekka Jun 18 '10 at 21:13 I mean it is not working across browsers too, I think if can make inline-block in IE6 will work – Mohamed Ikal Al-Jabir Jun 18 '10 at 21:14.

Okay this is what I got to work across all browsers: #content { text-align:center; } . Item { display: -moz-inline-box; display:inline-block; } * html . Item { display:inline; } /* for IE 6?

*/ * + html . Item { display:inline; } /* for IE 7? */ edit: width not required.

I still think this could be solved using a simple display: inline for all browsers - if the items don't have to have a fixed width. But if this works for you in all browsers, all right! – Pekka Jun 18 '10 at 21:20 wait no, width required for IE6.

God damn. – Mohamed Ikal Al-Jabir Jun 18 '10 at 21:21.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.