Ausrichten von Text über ein div-Element

Question

Ich möchte das 2012 auf der linken Seite der ersten Karte sein (fast wo es ist), und das 2010 auf der linken Seite der zweiten Karte sein. Ich kann den Screenshot nicht posten, da ich ein neuer Benutzer bin, aber sie sind links und rechts von der Seite.

Dies ist mein Code:

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

Nach der Suche Ich sehe, dass Sie es mit CSS zu tun haben, aber wie? Ich denke, wenn ich etwas in CSS auf der linken Seite einstelle, geht der gesamte Text nach links.

Vielen Dank im Voraus!

Answer 1

Setzen Sie dies in den css-Code.

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

HTML-Code:

<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"/> 
​ 

dies sollte es tun.

Answer 2

Ich glaube, Sie wie dieser Code sollte: -

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

die Demo zu sehen: - http://jsfiddle.net/3XBNa/1/