JSFiddle - React, Tailwind, and code Playground

by dwaynie

HTML

<div id="footer">
      <ul>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
      </ul>
      <p id="copyright">&copy; 2012 BROTHER MOUZONE.</p>
      <ul id="contact">
        <li>1-800-7654321</li>
        <li>[email protected]</li>
      </ul>
    </div>


    <div id="footer">
      <ul>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
      </ul>
      <p id="copyright">&copy; 2012 BROTHER MOUZONE.</p>
      <img id="facebook-like" src="http://home.no/dwaynie/facebook_like.png">
    </div>

CSS

#footer { clear: both; margin: 0 auto; width: 100%; padding: 50px 0 15px; font-size: 10px; }
#footer li, #footer #copyright, #footer #contact { display: inline-block; }
#footer ul:first-of-type { margin-bottom: 13px; white-space: nowrap; font-size: 11px; text-transform: uppercase; }
#footer #copyright { clear: left; margin-right: 7px; }
#footer #contact li { padding: 0 7px; }
#facebook-like { }