JSFiddle - React, Tailwind, and code Playground

HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<title></title>
</head>
<body class="body">
<form method="post" class="ctlform" id="ctlform" name="ctlform">
<div class="c_content">
  <div class="c_header_img_cont">
    <div class="c_center">
    </div>
  </div>
  <div class="c_compl_bar_cont">
    <div class="c_center">
        some text
    </div>
  </div>
<div class="c_container">
  <div class="c_center">
<div class="question">
<div id="q71_text" class="question_text"><div style="border: 1px solid black;height: 100px; width: 1500px">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</div></div>

</div>
    </div>
  </div>
</div>
<div style="v-align: bottom" class="c_footer">
  <div class="c_footer_bar">
    <div class="c_center">
      <a class="c_footer_bar_link" href="" target="_blank">Privacy Policy</a> 
      <a class="c_footer_bar_link" href="" target="_blank">Terms and Conditions</a> 
    </div>
  </div>
  <div class="c_bottom_img"></div>
</div><div>
</div>
</form>

</body></html>

CSS

/* making height 100% - with footer attached to the end */ 
html {
    height: 100%;
}

/*c_all_container*/
form.ctlform {
    background-color: #F9F9F9;
    height: auto !important;
    min-height: 100%;
    position: absolute;
}

.c_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.c_content {
    padding-bottom: 50px;
}
/*end of making height 100%*/

.c_center {
    margin: 0 auto;
}

.c_header_img_cont {
    background: #CCC;
    height: 119px;
}

/*this goes mostly for ie6 to make logo below status bar*/
#c_logo {
    position: absolute; /*fix for ie6 */
    left: -38px;
    top: -10px;
}
.c_center {
    position: relative;
}
.c_status_bar_cont {
    background: #CCC;
    height: 36px;
    position: relative; /*fix for ie6 */
    z-index:1; /*fix for ie6 */
}
/*end*/

.c_sdtatus_bar_separator {
    background: #CCC;
    width: 1px;
    float:left;
    height: 36px;
}

.c_status_text1 {
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: tahoma;
    color:#1B4164;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.c_status_text2 {
    color:#818285;
    font-size: 14px;
}

.c_compl_bar_cont {
    position: relative;
    height:45px;
    background: #CCC;
}

.c_compl_bar_label {
    float: left;
    color: #1B4164;
    font-size: 18px;
    font-family: tahoma;
}

.c_compl_bar_perc {
    float: left;
    color: #818285;
    font-size: 16px;
    font-family: tahoma;
}

/******************************/

body {
    font-family: Tahoma;
    height: 100%;
}

.c_footer_bar {
    background-color: #E7E8EA;
    text-align: left;
    height: 18px;
    padding-top: 4px;
    font-size: 11px;
    color: #3C5666;
}

.c_footer_lead {
    float:right;
    font-weight: bold;
    padding-right: 25px;
}

a.c_footer_bar_link {
    float:left;
    padding-left: 15px;
}

.c_bottom_img {
    background: #CCC;
    height:15px;
}

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

a:focus,...