Proper markup for two logos with Gilder/Levin image replacement

I'm developing a site that has two logos in the header: one aligned left, and the other one aligned right.

I have managed to make it work with Gilder/Levin image replacement, but the markup is not perfect and I'm not sure how to proceed.

HTML:

<div id="top"><div class="widthWrapper">
  <h1>
  Foo Logo<span></span>
  </h1>

  <div id="bar">
  Bar logo<span></span>
  </div>
<!-- #top, .widthWrapper --></div></div>

Code (markup):

CSS:

h1 {
  float:right;
  position:relative;  /*...

Code (markup):

Proper markup for two logos with Gilder/Levin image replacement

from HTML & Website Design http://ift.tt/1PRB4aV
via IFTTT

Share :

Tweet

✚

Related Post