JSFiddle - React, Tailwind, and code Playground

by KARTHIKEYAN K

HTML

<!--Current Officers table starts here-->
	<h2 align="center">2008 OFFICERS</h2>
	<div class="table-con">

		<table>
			<thead>
				<tr>
					<th colspan="3">Current Officers</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>President</td>
					<td>Jesse Blair</td>
					<td>555-7189</td>
				</tr>
				<tr>
					<td>Vice-President</td>
					<td>Frank Smythe</td>
					<td>505-555-3576</td>
				</tr>
				<tr>
					<td>Secretary</td>
					<td>Jean Darr</td>
					<td>555-5415</td>
				</tr>
				<tr>
					<td>Treasurer</td>
					<td>Linda Carter</td>
					<td>555-9653</td>
				</tr>
			</tbody>
		</table>
	</div>
	<!--End-->

	<!--Board Members at Large table starts here-->

	<div class="table-con">
		<table >
			<thead>
				<tr>
					<th colspan="2">Board Members at Large</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Dick Wilson</td>
					<td>555-1982</td>
				</tr>
				<tr>
					<td>Jan Davis</td>
					<td>555-3530</td>
				</tr>
			</tbody>
		</table>
	</div>
	<!--End-->


	<!--Calling Committee< table starts here-->

	<div class="table-con" id="t3">
		<table>
			<thead>
				<tr>
					<th colspan="2">Calling Committee</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><strong style="font-size:12px">Chairman:Harry Bean</strong></td>
					<td><strong style="font-size:12px">555-7388</strong></td>
				</tr>
				<tr>
					<td>Hoot Gibson</td>
					<td>555-2952</td>
				</tr>
				<tr>
					<td>Sam Akard</td>
					<td>555-7897</td>
				</tr>
				<tr>
					<td>Joe Carter</td>
					<td>555-9653</td>
				</tr>
				<tr>
					<td>Betty Alexander</td>
					<td>555-5287</td>
				</tr>
				<tr>
					<td>Jerry Bear</td>
					<td>555-9162</td>
				</tr>
				<tr>
					<td>Linda Carter</td>
					<td>555-9653</td>
				</tr>
				<tr>
					<td>Joe Vaughn</td>
					<td>555-7815</td>
				</tr>
				<tr>
					<td>Charlyne Fields</td>
					<td>555-7695</td>
				</tr>
				<tr>
					<td>Margie Digison</td>
					<td>555-6236</td>
				</tr>
				<tr>
					<td>Arnold...

CSS

table td{
			width:120px;
			font-size: 14px;
			font-family: sans-serif;
		}
		table,td,th{
			border: 1px solid black;
			font-size: 14px;
			font-family: sans-serif;
		}
		.table-con{
			display: table;
			margin: 0 auto;
			padding-bottom:20px;
		}
		#t3 td{
			width:160px;
		}
		h2{
			font-family: sans-serif;
		}