如何根據圖標排列文字？

Question

http://jsfiddle.net/acz3hhsL/

代碼：HTML

 <div id="contact-info"> 
         <div id="adresa"> 
        <div id="addPadding" style="padding: 2em;"> 
        <img src="http://avocat.dac-proiect.ro/wp/wp-content/themes/twentyfourteen/images/ADRESA.png"      style="width:22px;height:31px;float:left;display: inline;"> 
        <div style="float: right;display: inline;width: 80%;"> 
    <p style="text-align:left;font-size:14px;color:black;">Calea Dorobantilor,nr.74,<br>bl.Y9,SC.2,Ap.25<br>Cluj-Napoca,400609<br>Romania</p> 


         </div> 

        </div> 
        </div> 



        <div id="telefon"> 
        <div id="addPadding" style="padding: 60px 2em;"> 
        <img src="http://avocat.dac-proiect.ro/wp/wp-content/themes/twentyfourteen/images/TELEFON.png"      style="width:22px;height:31px;float:left;display: inline;"> 
        <div style="float: right;display: inline;width: 80%;"> 
    <p style="font-size:14px;color:black;text-align:left;">Tel./Fax (004) 0264 448 579<br>Tel.(004) 0744 490 776</p> 


         </div> 

        </div> 
        </div>  

        <div id="mail"> 
        <div id="addPadding" style="padding: 20px 2em;"> 
        <img src="http://avocat.dac-proiect.ro/wp/wp-content/themes/twentyfourteen/images/E-MAIL.png"      style="width:26px;height:19px;float:left;display: inline;"> 
        <div style="float: right;display: inline;width: 80%;"> 
    <p style="font-size:14px;color:black;text-align:left;">office@codoban.com</p> 


         </div> 

        </div> 
        </div>  
         </div> 

        </div> 

代號CSS：

#contact-info 
{ 
width:268px; 
height:270px; 
background:url(http://avocat.dac-proiect.ro/wp/wp-content/themes/twentyfourteen/images/BODY-CONTACT.png); 
position:absolute; 
right:0; 
} 

這是網站：

http://avocat.dac-proiect.ro/wp

我改變了文本字體大小及不幸的是沒有DISP與圖標網站放在一起。

我怎樣才能讓他回來，但font-size:14px;

你可以幫我解決這個問題？

在此先感謝！

Answer 1

添加

p {margin: 0;} 

你的CSS，這將刪除這些文字偏移的差距/。 http://jsfiddle.net/acz3hhsL/2/