Remove padding from unordered list

Question

Something has bugged me for years. If you look at this fiddle you'll see a simple unordered list with some padding on the a element and a background colour to create a box. There is white space between each item in the list. How can you get rid of it so the boxes are touching horizontally? Html is: ```

``` css is: ``` #dvLinks ul { margin: 0; padding: 0; list - style - type: none; } #dvLinks ul li { display: inline; } #dvLinks ul li a { text - decoration: none; padding: .1em 1em; color: #000; background-color: # 33EEDD; } ```

Accepted Answer

It's very simple:

CSS

```
#dvLinks ul li { display: table-cell; }
```

RESULTS

Remove padding from unordered list

Solution

Problem