Question

Please see the fiddle (http://jsfiddle.net/Jk6Bk/5/)

I would like to add some spacing between ‘Leonard’ and the ‘X’ (delete button).

I tried margin-left in the css for ul li a element, but that does not seem to work.

I’m missing something stupid here, any idea what it is?

Answer 1

Change your selector ul li a to ul li a.button
The .button selector is more specific than ul li a and its margin is overriding.

from html Dog: Specificity we can give the classes the following weights:

1. .button weight: 10
2. ul li a weight: 3
3. ul li a.button weight: 13

So by specifying a class myou can override the default margin on the .button class