JSFiddle - React, Tailwind, and code Playground

HTML

<table id="personalInformation">
			<tr>				
				<th>Address 1<span style='color: #FF0000; display: inline;'>*</span></th>	
				<td><label for="address1" id="address1ForLabel" >a</label></td>

			</tr> 
			<tr>				
				<th>Address 2<span style='color: #FF0000; display: inline;'></span></th>	
				<td><label for="address2" id="address2ForLabel">d</label></td>
			</tr> 			
			<tr>
				<th>City<span style='color: #FF0000; display: inline;'>*</span></th>
				<td><label for="city" id="cityForLabel">r</label></td>
			</tr>
			<tr>
				<th>Primary Phone<span style='color: #FF0000; display: inline;'>*</span></th>
				<td><label for="primary phone" id="primaryPhoneForLabel">rt</label></td>
			</tr>		
	</table>

CSS

#personalInformation{
	font-size: 1em;
	border-bottom: 3px solid #98AFC7;
	border-top: 3px solid #98AFC7;
	border-left: 3px solid #98AFC7;
	border-right: 3px solid #98AFC7;	
	box-shadow: 10px 10px 5px;
	line-height: 0;	
	width: 45%;
	
}
#personalInformation td{
	padding: 6px;
}

#personalInformation th{
	padding-bottom: 17px;
}