Ahi te envio espero te sirva es lo que me parece preguntaste
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
.headerNews1, .contenedor{
width: 100%;
height: 56px;
}
.headerNews1{
background: url("../imgs/headerNewsL.gif") no-repeat left top;
}
.headerNews1 h2{
font-size:1.1em;
font-family: "Lucida Grande", Verdana, Arial, "Times New Roman";
text-transform:uppercase;
color: #ffffff;
margin:0; /*para que no haya separacion entre el title y el resto*/
padding:6px 0 0 8px;
}
.contenedor{
background: url("../imgs/headerNewsR.gif") no-repeat right top;
}
.fecha{
float: left;
background: url("../imgs/fecha.gif") no-repeat left top;
width: 45px;
height: 56px;
padding-top:6px;
margin-right: 10px;
text-align: center;
}
.mes {
font-family: Tahoma, Arial, "Times New Roman";
font-size: 9px;
color: #FFFFFF;
}
.dia {
font-family: Tahoma, Arial, "Times New Roman";
font-size: 19px;
color: #000000;
font-weight: bold;
}
.headerNews {
background: url("../imgs/bgHeaderNews.gif") repeat-x;
width: 414px;
float:left
}
.seccion {
float: left;
font-family: Tahoma, Arial, "Times New Roman";
font-size: 11px;
color: #FFFFFF;
padding: 8px;
}
.views {
float: right;
padding-right: 10px;
}
.cuerpoNoticia {
margin-top:15px;
top:100%;
width: 370px;
font-family: Tahoma, Arial, "Times New Roman";
font-size: 11px;
color: #FFFFFF;
clear:left
}
</style>
</head>
<body bgcolor="#000000" text="#000000">
<br>
<br>
<div class="fecha"><span class="mes">Jun</span><br>
<span class="dia">15</span>
</div>
<div class="headerNews">
<div class="headerNews1">
<div class="contenedor">
<h2> Titulo Titulo TItulo</h2>
<span class="seccion">Cohetes</span>
<span class="seccion views">506 visitas</span>
</div>
</div>
</div><br><br>
<div class="cuerpoNoticia">
CuerpoNoticia, ¿porque no está a la iquierda del todo?
</div>
</body>
</html>