JSFiddle - React, Tailwind, and code Playground

by BRANIS

HTML

<div id="footer">
    <div>
        <div id="links">
            <div class="showroom">
                <p>4885 Wilson Street
                    <br />Victorville, CA 92392
                    <br />
                    <br />702-409-5373
                    <br />
                    <br /> <a href="index.html">[email protected]</a> 
                </p>
            </div>
            <ul class="navigation">
                <li> <a href="index.html">Home</a>  <a href="about.html">About</a>
 <a href="gallery.html"> Gallery</a> 
                    <a
                    href="contact.html">Contact</a>
                </li>
            </ul>
            <p id="footnote">© Copyright TIBISI, Inc 2013. All Rights Reserved.</p>
        </div>
    </div>

CSS

#footer ul.navigation {
    float: right;
    display: inline-block;
    line-height: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer ul.navigation li {
    float: left;
    margin-left: 15px;
}
#footer ul.navigation li:first-child {
    margin-left: 0;
}
#footer ul.navigation li a {
    color: #ab7d0f;
    font: 11px/24px"Oswald";
    text-decoration: none;
    text-transform: uppercase;
}
#footer ul.navigation li a:hover {
    color: #241b18;
}
#footer #footnote {
    color: #ab7d0f;
    font: 11px/24px"Oswald";
    margin: 0;
    text-transform: uppercase;
}