JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<div id="page_header">
    
    <div id="header_logo"><a href=index.php><img src="css/images/header.png" border="0" /></a></div>
    
    <div id="main_menu">
        <ul>
            <li><a href="http://mvc.local/blog">Blog</a></li>
            <li><a href="http://mvc.local/welcome">Welcome</a></li>
        </ul>
    </div>
</div>

<div id="page_footer">
    
    <p>&copy; 2011 Stefan Cvetkovic.</p>
    
    <div id="footer_menu">
        
        <ul>
            
            <li><a href="#">About</a></li>
            
            <li><a href="#">Terms of Service</a></li>
            
            <li><a href="#">Privacy</a></li>
            
        </ul>
        
    </div>
    
</div>

CSS

#main_menu{
    width:100%;
    height:40px;
    background: url(images/menubg.png) repeat-x;
}
#main_menu ul{
    list-style: none;
    margin: 0;
    padding: 10px 0 0 10px;
}
#main_menu ul li, #footer_menu ul li{
    padding:0;
    margin: 0 20px 0 0;
    display:inline;
}
#main_menu ul li a:link,a:visited,a:active{
    text-decoration:  none;
    font-weight:bold;
    color:green;
}
#main_menu ul li a:hover{
    text-decoration:  none;
    font-weight:bold;
    color: red;
}
#footer_menu ul{
    list-style: none;
    margin: 0;
    padding: 10px 0 0 10px;
}
#footer_menu ul li{
    padding:0;
    margin: 0 20px 0 0;
    display:inline;
}
#footer_menu ul li a:link,a:visited,a:active{
    text-decoration:  none;
    color: orange;

}
#footer_menu ul li a:hover{
    text-decoration:  none;
    color: blue; 
}