Center a child element (CSS)

Question

if i have markup like

<nav>
  <ul>
    <li> ... </li>
    <li> ... </li>
    <li> ... </li>
  </ul>
<nav>

and i want to center the nav (either <nav> or <ul> or whatever is appropriate is ok with me). FYI: this for horizontal pagination, so <li> and <a> are floated left

how can i do it?

Answer 1

See:

Centre widthless floats

Answer 2

You can use display: inline-block instead of floats, but beware IE7.

Answer 3

oh i found the answer http://24ways.org/2005/centered-tabs-with-css