Jak zrobić żeby linki nie nachodziły na siebie, margin nie działa

[HTML] pobierz, plaintext 
<div style="width:250px;">
	<a href='tag/places/' class='tag-link-18' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Places</a>
	<a href='tag/neque/' class='tag-link-16' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Neque</a>
	<a href='tag/ipsum/' class='tag-link-14' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Ipsum</a>
	<a href='tag/congue/' class='tag-link-12' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Congue</a>
	<a href='tag/purus/' class='tag-link-19' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Purus</a>
	<a href='tag/quam/' class='tag-link-20' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Quam</a>
	<a href='tag/vitae/' class='tag-link-21' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='2 topics' style='font-size: 16px;'>Vitae</a>
	<a href='tag/news-2/' class='tag-link-17' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='1 topic' style='font-size: 16px;'>News</a>
	<a href='tag/magna/' class='tag-link-15' style="background:#000000; color:#ffffff; padding:5px; margin:15px;" title='1 topic' style='font-size: 16px;'>Magnatese</a>
</div>
[HTML] pobierz, plaintext 

Tylko nie doradzajcie mi żebym ustawił stałą szerokość. Chciałbym żeby szerokość dopasowywała się do długości wyrazu.

Atrybut line-height. Poza tym, zrób to na liście, jak należy.