JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <script language="javascript">
            if (top.location == self.location) 
            {
                top.location = 'index.html'
            }
        </script>
        <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body class="body_pages">
        <div class="wrapper">
            <p class="page_title">Hello World!</p>
            <p>This Web  site is created to show the collection of C# programs I have created. I was  taking some time to create each application for my own practice while learning  as much as possible how to create one functional GUI application.<br /><br />
            On this Web site you can download  executable version of completed program or entire zipped project. Each project  was created by using C# .Net framework 4.0 so keep in mind that this framework  is necessary to open or compile all projects.<br /><br />
            I hope you will enjoy this site as  much as I enjoyed creating it! Use link My project on the menu to display all  project I have added!</p>
            <p>Feel free to explore the page and all content located here. If you have any concerns, please visit our <a href="contact.html" target="_self">contact page</a> and state you comments.</p>
            <p class="last_modified">Last modified on <!-- #BeginDate format:Am1 -->February 20, 2012<!-- #EndDate -->.</p>
            <div class="push"></div>
        </div>
        <div class="footer">Copyright &#169; 2012 CSharp Projects</div>
    </body>
</html>

CSS

html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

fieldset
{
    padding: 10px;
    width: 425px;
    border: 1px solid #4169E1
}

legend
{
    text-decoration: bold;
    color: #4169E1
}

p
{
    margin: 0px;
    padding-bottom: 10px;
}

a:link, a:visited
{
    text-decoration: none;
    color: #191970
}

a:hover
{
    text-decoration: underline;
}

li {
    list-style-type: none;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

.wrapper 
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px
}

.footer, .push
{
    height: 30px;
}

.unknown_page
{
    text-decoration: bold;
    font-size: 16px
}
.menu_bottom
{
    padding-top: 5px
}

.menu_top
{
    padding-bottom: 15px
}

.body_pages
{
    min-width: 300px;

}

.logo_background
{
    background-color: #E8E8E8;
    width: 100%;
    height: 100%;
    min-width:710px
}

.menu_background
{
    background-color: #E8E8E8;
    width: 100%;
    height: 100%
}

.li_page
{
    list-style-type: circle;
    border: 0px
}

.li_menu
{
    text-decoration: bold
}

.page_title
{
    color: #4169E1;
    clear: left;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 16px
}

.go_back
{
    padding-top: 20px;
    clear: left;
    font-weight: bold
}

.last_modified
{
    padding-top: 20px;
    clear: left
}

.img
{
    float: left;
    margin: 10px;
    border: 2px solid #191970
}

.img2
{
    float: left;
    margin: 10px
}

.div_content
{
    clear: left
}

#address
{
    margin-left: 20px; 
    font-style: italic
}