Css 在div元素上对齐文本

我希望2012年在第一张地图的左边，几乎在它所在的位置，2010年在第二张地图的左边。我不能发布截图，因为我是一个新用户，但他们在页面的左边和右边

这是我的代码：

<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中将某个东西设置为向左，那么所有文本都会向左

---

提前谢谢

将其放入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"/>
​

---

应该这样做。

我认为您应该这样编写代码：-

HTML

---

请参见演示：-

您没有关闭b标签，因为我有一个单独的css文件，但文本只是放错了位置，右地图比左地图低。。

<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;
}