I'm trying it for a long time. I found many solutions, but none of them worked. I need to center the li inside ul (menu div and ul are the right size I need).

CSS:

```
div.menu {
  padding-left: 10%;
  padding-right: 10%;
  margin: 0px;
}
li {
  float: left;
  list-style-type: none;
  width: 128px;
  height: 77px;
  margin: 0px;
  padding: 0px;
}
ul {
  text-align: center;
  margin: auto;
  padding: 0px;
}

```

HTML:

```
<div class="menu">
   <ul>
      <a href="#" class="menu"><li>Item 1</li></a>
      <a href="#" class="menu"><li>Item 2</li></a>
   </ul>
</div>

```

EDIT: I need to center **horizontaly** all of the LIs.
[Image](https://i.stack.imgur.com/OhW3M.png)