如何将文字与图标对齐?

时间:2015-02-23 21:19:21

标签: html css

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

我更改了文本字体大小,但遗憾的是没有显示内嵌图标网站。

我怎样才能让他回来,font-size:14px;

你能帮我解决这个问题吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

添加

p {margin: 0;}

到您的CSS,删除文本的间隙/偏移量。 http://jsfiddle.net/acz3hhsL/2/