以上是效果，因为很多站都用这个排列方式，这里也收藏一下吧

html代码

<div class="contactInfo">
        	<h3 class="cblue"><strong>浙江意力管业科技有限公司 </strong></h3>
            
            <div class="contactCol">
            	<span class="cicon cicon02">&nbsp;</span>
                <h4>电话：</h4>
                <p>13516855833</p>     
            </div>
            <div class="contactCol">
            	<span class="cicon cicon01">&nbsp;</span>
                <h4>地址：</h4>
                <p>杭州市余杭区仁和街道东风村</p>
            </div>
            <div class="contactCol">
            	<span class="cicon cicon03">&nbsp;</span>
                <h4>传真：</h4>
                <p>0571-86391988</p>
            </div>
            <div class="contactCol">
            	<span class="cicon cicon04">&nbsp;</span>
                <h4>邮箱：</h4>
                <p><a href="mailto:huajiayingxiao@163.com">huajiayingxiao@163.com</a></p>
            </div>
        </div>

css代码

.contactInfo{margin-top:40px;}
.contactInfo .contactCol{ position:relative; padding-left:45px; margin-top:30px; margin-bottom:30px;}
.contactInfo .contactCol .cicon{ position:absolute; top:0; left:0; width:36px; height:45px; background:url(../images/contactico.gif) no-repeat 0 0;}
.contactInfo .contactCol .cicon.cicon02{ background-position:0 -100px;}
.contactInfo .contactCol .cicon.cicon03{ background-position:0 -185px;}
.contactInfo .contactCol .cicon.cicon04{ background-position:0 -282px;}
.contactInfo .contactCol h4{ font-size:14px; padding-bottom:10px;}
.contactInfo .contactCol p{ }

图片素材，用作背景