Más claro:
www.maicro.es/centrado.htm
Con este código:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head >
<title>Centrado</title>
<meta name="generator" content="Notepad++" />
<style type="text/css">
body {
color: #cccccc;
background: #000000;
font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
}
div.internet {
border: 2px solid #ffffff;
margin: 0 auto;
}
img.internet {
border: 2px solid #ffffff;
}
p.piefotointernet {
font-size: 0.6em;
text-indent: 0em;
margin: 2px 0px 0px 0px;
}
span.piefotointernet {
font-size: 0.6em;
text-indent: 0em;
margin: 2px 0px 0px 0px;
}
</style>
</head>
<body>
<p>Bla, bla, bla.</p>
<div class="internet">
<img class="internet" src="http://www.forosdelweb.com/customavatars/avatar316361_1.gif" width="50" height="50" alt="Maicro." />
<p class="piefotointernet">Avatar de Maicro.</p>
</div>
<p>Ble, ble, ble.</p>
<div class="internet">
<img class="internet" src="http://www.forosdelweb.com/customavatars/avatar316361_1.gif" width="50" height="50" alt="Maicro." />
<span class="piefotointernet">Avatar de Maicro.</span>
</div>
<p>Bli, bli, bli.</p>
</body>
</html> El
margin: 0 auto; de la capa
internet no funciona. ¿Alguien lo entiende? Gracias.