JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
	<title> </title>
	<meta charset = "UTF-8"/>
	 
</head>

<body>
	 
	
	<h1></h1>
	 
    <form id="form" >
      <fieldset>
        <legend> Survey</legend>
			<div id="boxalign">
				<p>
					<label>Hospital*:</label>
					<input required title="Hospital is required!" name="MainHospital" type="text" />
				</p>
				<p>
					<label>First Name*:</label> <input   id="FirstName" name="MainName" type="text"/>
				</p>
				<p>	
					<label>Last Name*:</label> <input  name="MainName" type="text"/>
				</p>
				<p>
					<label>Title*:</label><input name="MainTitle" type="text"/>
				</p>
				<p>
					<label>Department*:</label> <input name="MainDept" type="text"/>
				</p>
			</div>
		
			<div id="boxalign2">
				<p>
				  Contact Info<br>
				  <label>Email*:</label> <input name="MainEmail" type="text"/>
				  <label>Office #:</label> <input name="MainOffice#" type="text"/>
				  <label>Other:</label> <input name="MainOther" type="text"/>
				  
				  <label>Preferred Contact:</label>
					<select id = "myList" name="PreferContact">
						<option value = "1">Email</option>
						<option value = "2">Phone</option>
					</select>
				</p>
				
				<p>
					Assistants Contact Info (if applicable)<br>
					<label>Name:</label> <input name="AssisName" type="text"/>
					<label>Email:</label> <input name="AssisEmail" type="text"/>
					<label>Office #:</label> <input name="AssisOffice#" type="text"/>
					<label>Other:</label> <input name="AssisOther" type="text"/>
				</p>
        
				<p>
					Who do you report to?<br>
					<label>Name:</label> <input name="rprt2Name" type="text"/>
					<label>Title:</label> <input name="rprt2Title" type="text"/>
				</p>
				
				<p>
					Who reports to you?<br>
					<label>Name:</label> <input name="rprtName" type="text"/>
					<label>Title:</label> <input name="rprtTitle" type="text"/>
					<label>Department:</label> <input name="rprtDept" type="text"/>
				</p>
			</div>	
					
       <p>
			Top 3 Job...