JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table company_table_wrapper">
		<tbody>
			<tr>
				<td class="company_table" height="100%">
					<table class="table table_unit" style="height:100%">
						<tbody>
							<tr>
								<td colspan="3">
									<div class="company_title">
										<h2>This is the head of units</h2>
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div class="unit_heads">
										<p>
											<span style="color: #6197dc; font-size: 13px; font-weight: bold;">Testing</span>
										</p>
										<p>
											<span style="color: #00316f; font-size: 13px; font-weight: 600;">Person 1</span>
										</p>
										<p>
											<span style="font-size: 13px; font-weight: 300;">Tel number</span>
										</p>
										<p>
											<span style="color: #6197dc; font-size: 13px; font-weight: 300;">
												<a href="mailto:info@info.net" style="color: #6197dc;">info@info.net</a>
											</span>
										</p>
									</div>
								</td>
								<td>
									<div class="unit_heads">
										<p>
											<span style="color: #6197dc; font-size: 13px; font-weight: bold;">Testing 2</span>
										</p>
										<p>
											<span style="color: #00316f; font-size: 13px; font-weight: 600;">Person 2</span>
										</p>
										<p>
											<span style="font-size: 13px; font-weight: 300;">Tel number</span>
										</p>
										<p>
											<span style="color: #6197dc; font-size: 13px; font-weight: 300;">
												<a href="mailto:info@info.net" style="color: #6197dc;">info@info.net</a>
											</span>
										</p>
									</div>
								</td>
								<td>
									<div class="unit_heads">
										<p>
											<span style="color: #6197dc; font-size: 13px; font-weight: bold;">Testing 3</span>
										</p>
										<p>
											<span style="color: #00316f; font-size: 13px; font-weight: 600;">Person 3</span>
										</p>
										<p>
											<span style="font-size: 13px; font-weight: 300;">Tel...

CSS

.company_table .table_unit_head {
    background: none repeat scroll 0 0 green;
}

.company_table_wrapper .table_join_us {
    background: none repeat scroll 0 0 pink;
}

.join_table_wrapper {
    display: inline-table;
}