Mejor metodo para maquetar esto???

[Dustito]

html:

Código HTML:

<div id="principal">
        <div id="imagen1">
    	<h3>Portal Favorita</h3>
    	</div>
        <div id="imagen2">
    	<h3>Ambiente Favorita</h3>
    	</div>
		<H1>Introduccion</H1>
		texto
</div> 

css:

Código:

#principal{
margin-left: 64px; 
padding: 1px 0px 0px 5px; 
}

#imagen1 {
	width:150px;
	height:100px;
	text-indent:-9999px;
	background:url(images/IMG_1636.jpg);
	float:right;
	margin: 40px 10px 0 10px;
	border: 1px solid #000000; 
	}

#imagen2 {
	width:150px;
	height:100px;
	text-indent:-9999px;
	background:url(images/IMG_1632.jpg);
	float:left;
	margin: 200px 10px 0 10px;
	border: 1px solid #000000; 
	}