G
GolpeCelestial
Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Este es el código css
y este el html
No parece dar nignún resultado?
Insertar CODE, HTML o PHP:
h1 {
font: bold; 20px verdana, sans-serif;
}
h2 {
font: bold; 14px verdana, sans-serif;
}
header, section, footer, aside, nav, article, figure, figcaption, hgroup {
display: block;
body {
text-align: center;
}
#agrupar {
width: 960px;
margin: 16px auto;
text-align: left;
}
#cabecera {
background: #FFFBB9;
border: 1px solid #999999;
padding: 20px;
}
#menu li {
display: inline-block;
list-style: none;
padding: 5px;
font: bold; 14px verdana, sans-serif;
}
Insertar CODE, HTML o PHP:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Este texto es el título del documento</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<div id="agrupar">
<header id="cabecera">
<h1>Este es el título principal del sitio web</h1>
</header>
<nav id="menu">
<ul>
<li>principal</li>
<li>fotos</li>
<li>videos</li>
<li>contacto</li>
</ul>
</nav>
<section id="seccion">
<article>
<header>
<hgorup>
<h1>Título del mensaje uno</h1>
<h2>Subtítulo del mensaje uno</h2>
</hgorup>
<time datetime="2011-12-10" pubdate>publicado 10-12-2011</time>
</header>
Este es el texto de mi primer mensaje
<footer>
<figure>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
<figcaption>
Esta es la imagen del primer mensaje
</figcaption>
</figure>
<p>comentarios (0)</p>
</footer>
</article>
<article>
<header>
<hgroup>
<h1>Titulo del mensaje dos</h1>
<h2>Subtítulo del mensaje dos</h2>
</hgroup>
<time datetime="2011-12-15" pubdate>publicado 15-12-2011</time>
</header>
Este es el texto de mi segundo mensaje
<footer>
<p>comentarios (0)</p>
</footer>
</article>
</section>
<aside>
<blockquote>Mensaje número uno</blockquote>
<blockquote>Mensaje número dos</blockquote>
</aside>
<footer id="pie">
Derechos Reservados © 2018-2019
</footer>
</div>
</body>
</html>
