Necesito centrar alinear un menú horizontal.
He probado varias soluciones, incluida la combinación deinline-block / block / center-align etc., pero no han tenido éxito.

Aquí está mi código:

<div class="topmenu-design">
    <!-- Top menu content: START -->
    <ul id="topmenu firstlevel">                                                                                       
      <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li>
      <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li>
      <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li>
    </ul>
    <!-- Top menu content: END -->
</div>

ACTUALIZAR

Sé centrar alinear elul dentro dediv. Eso se puede lograr utilizando la sugerencia de Sarfraz. Pero los elementos de la lista siguen flotando a la izquierda dentro delul.

¿Necesito Javascript para lograr esto?