горизонтальное выравнивание div

Question

Как переместить красную границу div, прилегающую к предыдущему div .... Я хотел сделать горизонтальное выравнивание divs .... i cave display inline и float, но код не является работая

http://jsfiddle.net/dpePc/embedded/result/

предоставления мой код ниже

<div style="padding-left: 41px; padding-top: 10px; width: 326px; "> 
      <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; float:left; display: inline-block;"> 
     <p style="color: #14486b; font-size: 18px; font-family: arial; font-wieght: bold; ">Sales Order</p> 
     <p style="">Customer No. ABC01</p> 
     <p style="">sales Order No. 100001</p> 
     <p style="">Est. Ship Date 2/24/2013</p> 
     </div> 

Answer 1

Вы забываете использовать row и span классов в загрузчике. You код может быть больше, как это:

<div class="container"> 
    <div class="row"> 
    <div class="span12"> 
     <!-- First row for your menu --> 
    </div> 
    </div> 
    <div class="row"> <!-- Second row, these spans will appear next to each other --> 
    <div class="span4"> 
     <!-- Logo --> 
    </div> 
    <div class="span4"> 
     <!-- Address --> 
    </div> 
    <div class="span4"> 
     <!-- Sales --> 
    </div> 
    </div> 
</div> 

что строка должна выглядеть примерно так:

<div class="row"> 
     <div class="span4" > 
      <a class="" href="#"> 
       <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png"> 
      </a> 
      <p > 
       47657 Lakeview Blvd, Fremont CA 94538</p> 
      <p> 
       Tel: 510-657-8981 <span ztyle="padding-left: 18px;">wwww.abcdfg.com</span></p> 
     </div> 
     <div class="span4" > 
      <p > 
       Sales Order</p> 
      <p > 
       Customer No. ABC01</p> 
      <p > 
       sales Order No. 100001</p> 
      <p > 
       Est. Ship Date 2/24/2013</p> 
     </div> 
     <div class="span4 subDiv" > 
      <p > 
       ABC Systems</p> 
      <p> 
       1234 lakeview Blvd, CA 94538</p> 
      <p> 
       510-657-8981</p> 
     </div> 
    </div> 
</div> 

, которая будет работать на 100%, в действительности, хотя, его не будет работать, пока вы не вычистить style, которые вы используете, это действительно разрушит ваш код, вы специально настраиваете и переопределяете ширины и поплавки бутстрапов.

Удачи.