body {
 font-family: Arial, sans-serif;
 font-size: 18px;
}

nav {
 border: thick solid gray;
 border-radius: 8px;
 margin: 8px;
}

header {
 padding: 8px;
 margin: 8px;
}
footer {
 text-align: center;
 clear: both;
 background-color: seashell;
 border: solid thick grey;
 border-radius: 8px;
}

main {
 border: thick solid darkred;
 border-radius: 8px;
 margin: 8px;
}
article {
 width: 90ch;
 border: thick solid green;
 border-radius: 8px;
 margin: 8px;
}
section {
 width: 75ch;
 border: thick solid darkgreen;
 border-radius: 8px;
 margin: 8px;
}
hgroup {
 width: 70ch;
 margin-left: 3ch;
 border: solid thick blue;
 border-radius: 8px;
}
aside {
 position: absolute;
 right: 0%;
 top: 20%;
 width: 30ch;
 padding: 8px;
 border: solid thick silver;
 border-radius: 8px;
 background-color: cornsilk;
}

header:before {
 color: darkred;
 font-weight: bold;
 content: "<header>";
 background-color: yellow;
}
footer:before {
 color: darkred;
 font-weight: bold;
 content: "<footer>";
 background-color: yellow;
}
nav:before {
 color: darkred;
 font-weight: bold;
 content: "<nav>";
 background-color: yellow;
}
main:before {
 color: darkred;
 font-weight: bold;
 content: "<main>";
 background-color: yellow;
}
article:before {
 color: darkred;
 font-weight: bold;
 content: "<article>";
 background-color: yellow;
}
aside:before {
 color: darkred;
 font-weight: bold;
 content: "<aside>";
 background-color: yellow;
}
section:before {
 color: darkred;
 font-weight: bold;
 content: "<section>";
 background-color: yellow;
}
hgroup:before {
 color: darkred;
 font-weight: bold;
 content: "<hgroup>";
 background-color: yellow;
}