выстраивание линков в одну строку с пробелом

plevako.kiev.ua
внизу правый блок с линками.

<div class="footer-widget right"><h3 class="font-1">Різне</h3>
	<ul class='xoxo blogroll'>
<li><a href="http://www.facebook.com/groups/141861385954662/" title="3-А, 101 Школа" target="_blank"><img src="http://plevako.kiev.ua/wp-content/gallery/rizne/facebook_logo-2663-small40.png"  alt="facebook – 3-А, 101 Школа"  title="3-А, 101 Школа" /></a></li>
<li><a href="http://www.youtube.com/channel/UCOAd7wTCsJq8q1yPoEZp7OQ" title="Відео на ресурсі YouTube" target="_blank"><img src="http://plevako.kiev.ua/wp-content/gallery/rizne/youtubequadrat-small40.png"  alt="YouTube – v plevako"  title="Відео на ресурсі YouTube" /></a></li>
<li><a href="http://school101.kiev.ua/" title="Середня загальноосвітня школа №101 м.Києва Україна" target="_blank"><img src="http://plevako.kiev.ua/wp-content/gallery/rizne/school101-small40.jpg"  alt="Середня загальноосвітня школа №101"  title="Середня загальноосвітня школа №101 м.Києва Україна" /></a></li>

	</ul>
</div>

как сделать чтобы они были в одну строку и между ними небольшой пробел?

В style.css уже прописывал:
.xoxo blogroll li a {text-align:center; display: inline;}
.xoxo blogroll li {text-align:center; display: inline;}
.xoxo blogroll {text-align:center; display: inline;}
не помагает.