对齐文字旁边的图像

Question

我要对齐文本旁边的图像，并且它们也必须是可单击的。 我怎样才能做到这一点？ 我需要做无序列表吗？

这是整个页面： http : //jsfiddle.net/dzadze/68WrB/

<div>
<a class="pic_link" href="#">
<img src="http://f.cl.ly/items/3Q1e0G1Y2b2Q2U0N1g1q/fb.png">
</a>
<a href="#">Следете не <br>на FACEBOOK</a> &nbsp;
<a href="#" class="pic_link">
<img src="http://f.cl.ly/items/413J3G3e152p1g3W0t0l/ftp.png">
</a>
<a href="#">FTP Логин
</a>
<a class="pic_link" href="#">Што е Photobook</a>
<a href="#">Процес на изработка</a> &nbsp;
</div>

Answer 1

根据您所说的，听起来CSS浮动是一个不错的起点。

Answer 2

并非唯一的解决方案，而是将其添加到您的CSS中似乎可行：

footer a{
    display: inline-block;
}