<header id="page-head">
  <a href="#" class="logo">Logo</a>
  <div class="twitter">
    <a href="#">
      Follow me on twitter!
    </a>
  </div>
</header>

<p>Some page content here.</p>

<div class="twitter">
  <a href="#">Follow me on twitter!</a>
</div>
#page-head {
  background-color: #333;
  padding: 1em;
  margin-bottom: 1em;
  overflow: hidden;
}

#page-head,
#page-head a {
  color: #fff;
}

.logo {
  display: block;
  padding: 1em;
}

.twitter {
  padding: 1em;
  background-color: #f7f7f7;
}

.twitter a {
  color: #333;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.