image - Align images beside text

Question

I want to align the images beside the text, and also they need to be click-able. How can I do this? Do I need to make unordered list?

Here is the whole page: 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;
}