2012-04-12 14 views
0

2012年は最初のマップの左に(ほとんどの場合)、2010年を2番目のマップの左側にします。私は新しいユーザーであるため、スクリーンショットを投稿できませんが、ページの左側と右側にあります。div要素へのテキストの整列

<b>2012<b> 
<div id="map_canvas2" style="width:25%; height:25%"></div> 
<b>2010<b> 
<div id="map_canvas" style="width:25%; height:25%"></div> 

私はあなたがCSSでそれをしなければならないことがわかりますが、どのように検索した後:

は、これは私のコードですか?私はCSSで何かを左にすると、すべてのテキストが左に移動すると感じます。

ありがとうございます!

+0

をあなたの 'b' ta g –

答えて

0

これをCSSコードに入れてください。

<style type="text/css"> 
    b,div{float:left;} 
    .cls{clear:both;} 
</style> 

HTMLコード:

<b>2012</b> 
<div id="map_canvas2" style="width:25%; height:25%">div 1</div> 
    <br class="cls"/> 
<b>2010</b> 
    <div id="map_canvas" style="width:25%; height:25%"> div 2</div> <br class="cls"/> 
​ 

これはそれを行うべきです。

+0

http://jsfiddle.net/JGkBr/ライブの例 –

+0

私は別個のCSSファイルを持っていますが、テキストはちょうど互いの下に置かれていて、右のマップ​​は左よりも低くなっています。 – niicepants

0

私はあなたがこのようなコードすべきだと思う: -

HTML

<div id="map_canvas"><b>2012<b></div> 
<div id="map_canvas2"><b>2010<b></div> 

#map_canvas { 
float:left; 
background:red; 
width:300px; 
height:200px; 
} 

#map_canvas2 { 
float:right; 
background:green; 
width:300px; 
height:200px; 
} 

CSSはデモを参照してください - あなたがクローズされていないhttp://jsfiddle.net/3XBNa/1/

+0

これはGoogleマップです。マップ内のテキストを取得することはできません.. – niicepants

関連する問題