Centering the Header

Centers the logo and the text before and after it.

by Nicolas Mancilla

HTML

<header id="page-header">
  <p class="page-header-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lacus ante, fringilla et ligula vel</p>
  <figure class="page-header-content">
    <img src="http://www.comocreartuweb.com/consultas/images/misc/como-crear-tu-web.gif" alt="Oops! La imagen no est&aacute;" title="Logotipo de mi página" />
  </figure>
  <p class="page-header-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lacus ante, fringilla et ligula vel</p>
</header>

CSS

body {
  width: 100%;
}

#page-header {
  width: 80%;
  margin: 0 auto;
}

#page-header .page-header-content {
  text-align: center;
}