HTML:
<!DOCTYPE html>
<html lang"es">
<head>
<meta charset="utf-8">
<title>SirAntonio</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<section id="contenedor">
<header>
<p> botones</p>
</header>
<section id="banner">
<p>Banner</p>
</section>
<section id="contenedor2">
<section id="informacion">
<article id="n1">
<article id="img1">
<img src="imagenes/dos.jpg">
</article>
<p id="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet et ante vitae tempus. Ut eu augue ut lectus tristique vulputate a id tortor. Curabitur ac cursus neque. Praesent tincidunt quis tellus nec porttitor. Ut pretium ornare ornare.
</p>
</article>
<article id="n2">
<article id"img2">
<img src="imagenes/uno.jpg">
</article>
<p id="txt2">
Orem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet et ante vitae tempus. Ut eu augue ut lectus tristique vulputate a id tortor. Curabitur ac cursus neque. Praesent tincidunt quis tellus nec porttitor. Ut pretium ornare ornare.
</p>
</article>
</section>
</section>
</section>
</body>
</html>
CSS:
p
{
text-align: center;
}
body{
background: #ccc;
}
#contenedor
{
height: 1000px;
width: 1300px;
margin-left:auto;
margin-right: auto;
}
header
{
background: red;
height: 30px;
width: 1300px;
margin: auto;
}
#banner{
width: 1300px;
height: 150px;
background: #666;
margin: auto ;
}
#contenedor2
{
height:510px;
width: 1300px;
margin:10px auto;
border:red solid 1px;
}
#informacion
{
background: #222;
height: 230px;
width: 510px;
margin: 10px auto auto 790px;
}
#n1
{
background: white;
width: 480px;
height: 100px;
border: red solid 1px;
margin: 10px 3px 10px 10px;
display: inline-block;
vertical-align: text-top;
}
#img
{
width: 100px;
height: 100px;
display: inline-block;
margin: 0px 0px 0px 0px;
}
#txt
{
width: 370px;
height: 98px;
border: green solid 1px;
margin: 0px 0px 0px 100px;
vertical-align: text-top;
display: inline-block;
}
#n2
{
background: #f34;
width: 480px;
height: 100px;
border: yellow solid 1px;
margin: 0px 0px 0px 10px;
display: inline-block;
vertical-align:
}
#img2
{
width: 100px;
height: 100px;
margin: 0px auto 400px 0px;
vertical-align: top;
display: inline-block;
}
#txt2
{
width: 370px;
height: 98px;
text-align: justify;
border: red solid 1px;
margin: 0px 0px 0px 100px;
vertical-align: top;
display: inline-block;
}
