Hola, estoy practicando un poco css en html5, mi problema es el siguiente, tengo este código:
Código HTML:
<html>
<head>
<title>Ejemplo de estilos para toda una página</title>
<STYLE type="text/css">
H1 {text-decoration: underline; text-align:center}
P {font-Family:arial,verdana; color: white; background-color: black}
BODY {color:black;background-color: #cccccc; text-indent:1cm}
</STYLE>
</head>
<body>
<h1>Página con estilos</h1>
Bienvenidos...
<p>Siento ser tan hortera, pero esto es un ejemplo sin más importancia</p>
</body>
</html> Que obviamente se imprime como tiene que imprimirse, a pasar este código a html5 quedando así:
Código HTML:
<!DOCTYPE html>
<html lang="es"/>
<head>
<title> titulo</title>
<link rel="SHORTCUT ICON" href="favicon.ico"/>
<meta name="robots" content="index/follow"/>
<meta name="content type" content="text/html" charset="urf-8"/>
<meta name="keywords" content="palabras claves"/>
<meta name="description" content="descripcion de la pagina"/>
<!-- CONFIGURACION CON CSS -->
<STYLE type="text/css">
H1 {text-decoration: underline; text-align:center}
P {font-Family:arial,verdana; color: white; background-color: black}
BODY {color:black;background-color: #cccccc; text-indent:1cm}
Section {color:black;background-color: #cccccc; text-indent:1cm}
Article {color:black;background-color: #cccccc; text-indent:1cm}
</STYLE>
</head>
<body>
<header> </header>
<nav> </nav>
<section>
<article>
<!-- CONTENIDO PRINCIPAL -->
<h1>Página con estilos</h1>
Bienvenidos...
<p>Siento ser tan hortera, pero esto es un ejemplo sin más importancia</p>
</article>
<aside> </aside>
</section>
</body>
</html> No se imprime como el primer código presentado, se que es por que la etiqueta article "molesta" asi como debe molestar section y todas las otras, como podría hacer que se imprima como quiero? osea, como el primer código presentado.
Desde ya muchas gracias, Saludos: Mario Olivera