Basta che dai una dimensione a "ul" e poi lo allinei..
per fare le prove imposta temporaneamente un bordo a "ul" per vederlo..poi lo dimensioni secondo le tue esigenze e poi lo sposti e dai il padding desiderato..
o un altro modo può essere tipo questo:
codice:
<html>
<head>
<style type="text/css">
ul{border: 1px solid black;margin: 0; padding: 0; list-style-type: none;}
li{float: left; margin: 20px;}
div#ero{background-color: yellow;width: 300px;}
</style>
</head>
<body>
<div id="ero">
<ul>[*]ciao[*]bibbiena[*]marioesolo[/list]
<div style="clear: both;"> </div>
</div>
</body>
</html>
prova a salvartelo in una pagina e vedere che effetto fa..