blueprint cssは2つのdivをインライン化しません

Question

blueprint cssフレームワークを使用しようとしましたが、なぜこれが起こっているのか理解できません。

<div class="span-18"> 
    <div class="span-6"></div> 
    <div class="span-12 last"></div> 
</div> 

とCSS： は、私は、HTMLを持って

.span-18 { 
    width: 710px; 
    margin: 0 auto; 
    border:1px solid red; 
    height:300px; 
} 
.span-6 { 
    float:left; 
    width: 230px; 
    margin-right:10px; 
    border:1px solid blue; 
    height:100px; 
} 
.span-12 { 
    float:left; 
    width: 470px; 
    margin-right:10px; 
    border:1px solid green; 
    height:100px; 
} 
.last{ 
    margin-rigth:0px; 
} 

が、内側の2つのdiv要素は、インラインではありません。何か助けてくれてありがとうhttp://jsfiddle.net/GVMFU/3/ を見てみることができます。

更新：：幅710 = 230 + 10 + 470インラインである必要がありますか？

Answer 1

1ピクセルの境界線、230 + 10 + 470 + 1 + 1 + 1 + 1 = 714

そして、あなたはあなたの.lastクラスでtypoedてきたが、margin-right:でなければなりません。