在div元素上對齊文字

我希望2012年位於第一張地圖的左側（幾乎位於該位置），2010年位於第二張地圖的左側。我無法發佈屏幕截圖，因爲我是新用戶，但他們位於頁面的左側和右側。在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中設置一些東西到左邊，所有的文本都會在左邊。

在此先感謝！

來源

2012-04-12 niicepants

您不關閉你的'b'ta g – 2012-04-12 17:59:23

把它放在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"/>

這應該做到這一點。

來源

2012-04-12 17:56:20

http://jsfiddle.net/JGkBr/對於現場示例 – 2012-04-12 18:00:00

我有一個單獨的css文件，但文本剛剛被錯放在海誓山盟之下，並且正確的地圖變得比左側低.. – niicepants 2012-04-13 13:39:52

我想你應該這樣的代碼： -

HTML

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

CSS

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

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

看到演示： - http://jsfiddle.net/3XBNa/1/

來源

2012-04-13 04:32:28

這是谷歌地圖，我似乎無法獲得地圖內的文字.. – niicepants 2012-04-13 13:39:05

在div元素上對齊文字

回答

相關問題