Metele a eso unos cuantos parafos de texto.
Prueba esto
si pasas por aquí
Código:
<style type="text/css">
body {
color: #838383;
font-family: Arial, Helvetica, sans-serif;
margin-right: 3%;
margin-left: 3%;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
background: #000066;
}
p {
margin-top: 0px;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 2%;
margin-bottom: 0px;
}
#contenedor {
width: 100%;
background: #FFFFFF;
display: block;
}
#header {
background: #996633;
padding-bottom: 10%;
float: left;
width: 100%;
display: block;
}
img {
}
#conte {
width: 100%;
background: #993300;
display: block;
float: left;
}
.pie {
clear: both;
width: 100%;
padding-top: 2%;
padding-bottom: 7%;
background: #99FF66;
float: left;
}
h1{
color: #838383;
padding-top: 3%;
padding-bottom: 1%;
font: bold 3em Arial, Helvetica, sans-serif;
padding-left: 2%;
}
</style>
Código HTML:
<body>
<div id="contenedor" ><!--Tu capa fondo-->
<div id="header"></div>
<div id="conte">
<h1>titulo 1</h1>
<p align="justify">
Lorem ipsum dolor sit amet, nullam fusce curabitur nulla sed, adipiscing facilisis justo a. Justo rhoncus at fringilla vestibulum at, montes adipiscing diam mauris, ut non mus vel erat. Tortor aenean. Odio eu eros velit quis praesent porttitor, phasellus sem praesent ut. Adipiscing ac cubilia elit ac, convallis semper senectus ultricies. Lectus duis lacinia elementum, viverra ut rerum odio eleifend tellus consectetuer, pede sit nec, posuere aliquam aenean cursus id, interdum urna enim magna nulla ultricies.</p>
</div>
</div>
<div class="pie"></div>
</body>