How to center a menu using <div>

[asd123]

I've tried this:Code:\[code\]<div class="center"> <div class="mainmenuoption">Home</div> <div class="mainmenuoption">About Us</div> <div class="mainmenuoption">Experiences</div> <div class="mainmenuoption">Get Involved</div> <div class="mainmenuoption">Support Us</div> <div class="mainmenuoption">Contact Us</div></div>\[/code\]CSS:\[code\]div.center{ display: block; margin-left: auto; margin-right: auto;}div.mainmenuoption{ float: left; font: normal normal bold 100% "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; width: 100px; color: #FFFF00; text-align: center; vertical-align: middle;}\[/code\]Any ideaRegards,Tea.