Выравнивание изображений рядом с текстом

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, кажется, работает:

footer a{ 
    display: inline-block; 
} 

Answer 2

Это звучит, как с помощью CSS floating будет хорошим местом для начала, основываясь на том, что вы сказали.