3つの国境を作るには？

Question

申し訳ありません私の質問は非常に愚かな、私はasp.netを勉強しようとしています。とにかく

、私の質問は次のように、3つの境界線を作る方法を、次のとおりです。

あなたは国境は非常に右/左とロゴ（画像）である見ることができるように、中心 と静止していますウェブサイトには国境がありません。ちょうど普通のhtml。

私はw3schoolsの例を見てもらった画像のようにいくつかの枠線を描くことができましたが、私が正しくやったかどうかわからず、最後の境界（右のもの）をロゴウェブページのほとんどの部分に貼り付ける。

Answer 1

Absolutely position左右のボックスは、その後側ボックスの幅と一致する中央領域の左右の余白を設定します。

<div class="header"> 
    <div class="left"> 
     <img src="http://placekitten.com/50/50"> 
    </div> 
    <div class="middle">Pancakes</div> 
    <div class="right"> 
     <img src="http://placekitten.com/50/50"> 
    </div> 
</div> 

とCSS：

.header { 
    position: relative; /* Needed for the position:absolute to work properly */ 
} 
.left { 
    position: absolute; 
    border: 1px solid red; 
    width: 50px; 
    height: 50px; 
    top: 0; 
    left: 0; 
} 
.middle { 
    text-align: center; 
    margin: 0 50px; 
}  
.right { 
    position: absolute; 
    border: 1px solid red; 
    width: 50px; 
    height: 50px; 
    top: 0; 
    right: 0; 
} 

そしてライブバージョン：たとえばhttp://jsfiddle.net/ambiguous/TNzn9/は

また、W3Schoolsの、彼らwill lead you astrayから離れて滞在してください。

Answer 2

<div style="float:left;border:3px solid black;width:50px;height:50px;"></div> 
    <div style="float:left;"><h1>LOGO</h1></div> 
    <div style="float:left;border:3px solid black;width:50px;height:50px;"></div> 
    <div style="clear:both"> 
The REST 
</div>