div的相邻对齐

时间:2013-02-14 00:48:04

标签: html css

如何移动前一个div旁边的div ...? 我给了浮动属性并减小了宽度...... 还是行不通.... 在下面提供我的代码.....

http://jsfiddle.net/YQYBG/1/

 <div style="padding-left: 41px; padding-top: 10px;">
     <a class="" href="#">
        <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png">
     </a>
     <p style="margin-top: 5px; margin-bottom: 0px;">47657 Lakeview Blvd, Fremont CA 94538</p>
     <p>Tel: 510-657-8981 <span style="padding-left: 18px;">wwww.abcdfg.com</span></p>
 </div>

 <div style="border: 1px solid red; width: 300px;">
     <p style="">Vendor No ABC01</p>
     <p style="">Purchase Order No 100001</p>
     <p style="">Est. Ship Date 2/24/2013</p>
 </div>

2 个答案:

答案 0 :(得分:1)

在div上使用display: inline-block

http://jsfiddle.net/YQYBG/2/

答案 1 :(得分:1)

它为我工作,删除了除了两个所需元素之外的一切。

应用

float:left;

到第一个div。

http://jsfiddle.net/YQYBG/3/