JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="keywords" content="" />
    <meta http-equiv="description" content="" />
    <title>main</title>
    <link rel="stylesheet" type="text/css" href="_mod_files/_css/common.css">
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body>
    <div class="i-wrapper"><!-- wrapper -->
        <div class="i-header"><!-- i-header -->
            <div class="i-logo">
                <div class="b-logo">
                <div class="i-cur-lan">
                    <div class="b-cur-lan" id="wrap">
                        <div class="b-cur-lan__bg-left"></div>
                        <div class="b-cur-lan__bg-right"></div>
                        <div class="b-cur-lan__bg-center">
                        <div class="b-cur-lan__currency">
                        <p class="b-cur-lan__text">Currency:&nbsp;
                            <select name="" id="" class="b-cur-lan__select">
                                <option value="">Euro</option>
                                <option value="">US dollar</option>
                            </select></p>
                        </div>
                        <div class="b-cur-lan__languages">
                        <p class="b-cur-lan__text">Languages:&nbsp;
                            <img src="_img/lan1.png" alt="" class="b-cur-lan__icon" />
                            <img src="_img/lan2.png" alt="" class="b-cur-lan__icon" />
                            <img src="_img/lan3.png" alt="" class="b-cur-lan__icon" />
                            
                        </p>
                        </div>
                        </div>                        
                    </div>
                </div>
                </div>                
           ...

CSS

@import "reset.css";
html, body {
min-height: 100%;
}
body{
    background-image:url("../../_img/body-bg.png");
    background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%);
    background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%);
    background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%);
    background: linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); 
}
.i-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -68px;
    width: 980px;
}
.b-footer, .i-push {
height: 68px;
clear: both;
}

/* start i-header */
.i-header{
    height: 100px;
    margin: 20px 0 16px 0;
    position: relative;
}
    .i-logo{
       position: relative;
    }
    .b-logo{
        height: 52px;
        margin-bottom: 9px;
        background-image:url("../../_img/logo.png");
        background-position: 20px 10px;
        background-repeat: no-repeat;
    }
    .i-cur-lan{
       position: absolute;
       top: 0;
       right: 0;
    }
    .b-cur-lan{
       width: 100%;       
       max-width: 640px;min-width: 400px;
       overflow: hidden;
       height: 51px;
       position: relative;
       
    }
    .b-cur-lan__bg-left{
           width: 6px;
           height: 51px;
           position: absolute;
           top: 0;
           left: 0;
           background-image:url("../../_img/cur-lan-bg-left.png");
           background-repeat: no-repeat;
        }
        .b-cur-lan__bg-center{
           height: 51px;
           margin: 0 6px 0 6px;
           background-image:url("../../_img/cur-lan-bg-center.png") ;
           background-repeat: repeat-x;
        }
        .b-cur-lan__bg-right{
           width: 6px;
           height: 51px;
           position: absolute;
           top: 0;
           right: 0;
           background-image: url("../../_img/cur-lan-bg-right.png");
           background-repeat: no-repeat;
        }
       ...