I have a div with this structure:

```
<div id="navigation">
    <a href="#">Overview</a>
    <a href="#">Test</a>
    <a href="#">test 2</a>
</div>

```

Which shows something like this:

![enter image description here](https://i.stack.imgur.com/l2KxH.png)

Now, I have a jquery code to append elements inside "navigation. The problem is, I dont know how to make it look like this:

![enter image description here](https://i.stack.imgur.com/HP4w0.png)

..especially if there are a lot of link tags.

Here is the css for "navigation"

```
#navigation{
    background: #efefef;
    height: 40px;
    width: 732px;
}

```

For the tags:

```
#navigation a{
   min-width: 108px;
   padding: 11px;
   display: inline-block;
   text-align: center;
}

```

Thanks.