allora, ho un elenco non ordinato, dove al suo interno ci sono 4 tag li contenenti una parola, e il contenuto dei tag li può variare, ma vorrei che queste 4 parole fossero sulla stessa riga e centrate rispetto ad un box che le contiene che è largo 700px. Come potrei fare?

questo è il codice

<div id="container">
<ul id="menu">
[*]Who
[*]What
[*]When
[*]Why
[*]Contacts
[*]About Us
[/list]
</div>


in xhtml transitional