JSFiddle - React, Tailwind, and code Playground
HTML
<div id="body_box_form">
<br />
<br />
<div id="form_body">
<br />
<div id="left_form_body">
<h1><center><strong>Application</strong></center></h1>
<br />
<div class="form_titles">
<strong>
<br /><br />
Business/Brand Name:<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
Business Type:<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
First Name:<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
Last Name:<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
E-mail:<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
Existing Website (if any):<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</strong>
</div>
<div class="form_inputs">
<form method="post" action="form.php">
<input type="text" name="brandname" placeholder="Brand Name" maxlength="40" value="" onclick="this.placeholder=''" onblur="this.placeholder=!this.placeholder?'Brand Name':this.placeholder;" autofocus="autofocus" required="required"/><br /><br />
<!--Business Type -->
Business <input type="radio" name="businesstype" value="Business" />
Brand <input type="radio" name="businesstype" value="Brand" />
Individual <input type="radio" name="businesstype" value="Individual" />
Other <input type="radio" name="businesstype" value="Other" />
<!--End Business Type -->
<br /><br />
<input type="text" name="firstname"...
CSS
#form_body{
width:90%;
height:90%;
border:5px solid white;
border-radius:1em;
-moz-border-radius: 1em;
}
#form_body input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:18px;
background-image:url(../pics/textbg.png);
background-repeat:repeat-x;
}
#form_body input:focus{
outline:none;
}
#form_body textarea{
outline:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:18px;
background-image:url(../pics/textbg.png);
background-repeat:repeat-x;
}
#left_form_body{
border:1px solid white;
margin-top:-20px;
height:100%;
width:74%;
float:left;
}
#right_form_body{
border:1px solid red;
margin-top:-20px;
width:25%;
height:100%;
float:right;
}
.form_titles{
float:left;
height:100%;
margin-top:10px;
margin-left:50px;
font-size:18px;
line-height:3px;
}
.form_inputs{
height:100%;
}