Question

I am trying to customize a free widget, but I dont have access to edit the html. I am only given access to the css. I want to be able to align the a tags virtually. I have tried the following css, but the tags are right on top of each other/ How do I put space between them?

HTML

<span><a href="#" title="Delete">[×]</a>&nbsp;<a href="#" title="Ban">[o]</a>&nbsp;</span>

CSS

span a { position:fixed; }

JSFIddle
http://jsfiddle.net/gfvAw/58/

Answer 1

You can always float and clear the anchor tags:

a { float: left; clear: left; }

Here’s a jsfiddle to demonstrate: http://jsfiddle.net/gfvAw/60/