HTML5 header with name

This version uses an accessible name on the nav to label that it is the global site navigation. .

by David Storey

HTML

<header> 
  <h1>A wonderful web site</h1> 

  <nav aria-label="site">
    <ul> 
      <li>Some page</li> 
      <li>Another page</li> 
    </ul> 
  </nav>
</header>

CSS

* {
  margin: 0;
  padding: 0;
}

html {
  font: 62.5% "segoe ui", helvetica, arial, sans-serif;
  background-color: #fff;
}

body {
  font-size: 1.6rem;
}

header {
  background-color: #0078d7;
  color: #fff;
  padding: 2rem;
}

nav {
  margin-top: 2rem;
}

nav li {
  display: inline-block;
  margin-right: 1rem;
}