cant [center]

[joshtrav]

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:

[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

[pegasus]

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.

[joshtrav]

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

[palmpedia]

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