Tema: Problema con CSS en HTML5
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/03/2015, 15:34
718208
 
Fecha de Ingreso: marzo-2015
Mensajes: 9
Antigüedad: 9 años, 1 mes
Puntos: 0
Pregunta Problema con CSS en HTML5
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&aacute;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&aacute;gina con estilos</h1>
Bienvenidos...
<p>Siento ser tan hortera, pero esto es un ejemplo sin m&aacute;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&aacute;gina con estilos</h1>
			Bienvenidos...
			<p>Siento ser tan hortera, pero esto es un ejemplo sin m&aacute;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