Custom Widget Menu

How do I make it so my menu looks like this:


The current code I have on my site for the menu is this:

Code:


<div style="margin:auto;text-align:center;width:100%"><strong><a href="http://terribadacademy.forumotion.com/t1-terribad-duel-academy-rules-must-read?tid=23139b62703810bd3f9f6929f39c846b" class="postlink">Academy Rules</a></div></strong><div style="margin:auto;text-align:center;width:100%"><strong><a href="http://terribadacademy.forumotion.com/t2-entrance-exam?tid=8e47cb52c02f050d3f9f6929f39c846b" class="postlink">Exam</a></strong></div><div style="margin:auto;text-align:center;width:100%"><strong><a href="http://terribadacademy.forumotion.com/t3-terribad-duel-academy-main-shop#3" class="postlink">Main Shop</a></strong></div><div style="margin:auto;text-align:center;width:100%"><strong><a href="http://terribadacademy.forumotion.com/t23-beginner-guide" class="postlink">Newbie Guide</a></div>

Link to example site:
http://www.prorevolution.net/

Link to my site:
http://terribadacademy.forumotion.com/

Thanks a ton !

Did you want the text centered? In the code it has the centered tags.