cant [center]

http://www.joinwcs.com/showwiki.php?title=Main+Page

I have tried around it all, also tried

style="display:block;margin-left:auto;margin-right:auto"

The code I am currently using is:

Code:

---

[center]
[div] style="width:100%;text-align:center"|
[div] style="height:156px;width:160px;float:left"|[wcs=Race List][img]http://www.joinwcs.com/vault/images/wcs/racelist.png[/img][/wcs][/div]
[div] style="height:156px;width:160px;float:left"|[wcs=Shopmenu Items][img]http://www.joinwcs.com/vault/images/wcs/shopitems.png[/img][/wcs][/div]
[div] style="height:156px;width:160px;float:left"|[wcs=Skills Explanation][img]http://www.joinwcs.com/vault/images/wcs/skillsexplained.png[/img][/wcs][/div]
[div] style="clear:both"| [/div]
[/div]
[/center]

[div] style="width:100%;text-align:center"|
[div] style="height:156px;width:160px;float:left"|[wcs=Donation Rewards][img]http://www.joinwcs.com/vault/images/wcs/donorperks.png[/img][/wcs][/div]
[div] style="height:156px;width:160px;float:left"|[wcs=How To][img]http://www.joinwcs.com/vault/images/wcs/howto.png[/img][/wcs][/div]
[div] style="height:156px;width:160px;float:left"|[wcs=Features][img]http://www.joinwcs.com/vault/images/wcs/features.png[/img][/wcs][/div]
[div] style="height:156px;width:160px;float:left"|[wcs=Rules][img]http://www.joinwcs.com/vault/images/wcs/rules.png[/img][/wcs][/div]
[div] style="clear:both"| [/div]
[/div]

---

Any suggestions would be appreciated

Divs are block-level elements by default, this means the width is 100% of the container. Centering something that is 100% wide doesn't make any noticeable change.

You have to either:

1. Define an exact width of the containing DIV < 100%, or
2. Set "display: inline-block" to make the element take on the width of its contents.

Geez, I feel foolish for missing that. Thank you again for your prompt reply pegasus.

For those of us that are "code challenged" could you please post what code corrected that problem for you?