body {
  background-color: white;
  border: 2px solid black;
  margin:5px;
}
body:before {
  content: "<body>";
}

header {
  background-color: #C8D9F9;
  border: 2px solid black;
  margin:5px;
}
header:before {
  content: "<header>";
}

nav {
  background-color: yellow;
  border: 2px solid black;
  margin:5px;
}
nav:before {
  content: "<nav>";
}

main {
  background-color: #FFF3CA;
  border: 2px solid black;
  margin:5px;
}
main:before {
  content: "<main>";
}
article {
  background-color: #FFE694;
  border: 2px solid black;
  margin:5px;
}
article:before {
  content: "<article>";
}

aside {
  background-color: #B7B7B7;
  border: 2px solid black;
  margin:5px;
}
aside:before {
  content: "<aside>";
}

section {
  background-color: #F3F3F3;
  border: 2px solid black;
  margin:5px;
}
section:before {
  content: "<section>";
}
footer {
  background-color: #F7B2F5;
  border: 2px solid black;
  margin:5px;
}
footer:before {
  content: "<footer>";
}
