Formatierung von html

Hallo
ich möchte die auf dem Bild unten gezeigten Knöpfe auseinander ziehen.
Wie mache ich das am besten?

Schon mal vielen dank für die Hilfe.

Die unteren Buttons sind ja halb in den oberen Buttons, wie kann ich dieses verändern?

nav li {
    display:inline;
    margin-right: 40px;
    background-color: #C0C0C0;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: #FFFFFF 3px outset;
    border-radius: 5px;
    font-weight: bold;
    cursor: default;
    }

Hier.

Zitat von ioRawr

Setz mal ein margin-top: 15px; rein.

passiert nichts.

Habs hinbekommen

Habs einfach so gemacht:

display: inline-block;