[CSS]Div Opcje

[Warmix]

Jak wyśrodkowac poniższy kod? A drugą sprawą jest to, że gdy próbuję dodać kolejnego diva, to dodaje się w tej samej linii, jak to naprawić?

[HTML] pobierz, plaintext 
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
 
ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
 
ul li {
float: left;
}
 
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
 
ul a:hover {
background-color: #800;
background-image: url("tlo2.gif");
}
[HTML] pobierz, plaintext 

[Warmix]

Ok, przeszło mi do nowej linii... więc to działa ok, ale teraz co z tym wyśrodkowaniem?

[b4rt3kk]

Ok, przeszło mi do nowej linii... więc to działa ok, ale teraz co z tym wyśrodkowaniem?

Dodaj do css:

[HTML] pobierz, plaintext 
div, ul {
  display: inline;
  margin: auto;
}
[HTML] pobierz, plaintext