JSFiddle - React, Tailwind, and code Playground

HTML

<table id="school-link-table">
			<caption>File Download Links</caption>
			<thead>
				<tr>
					<th>Category</th>
					<th>Link Desc.</th>
					<th>Download Link</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Professional</td>
					<td>Resume 2_23_14</td>
					<td><a href="" target="_blank">Resume</a></td>
				</tr>
				<tr>
					<td>School</td>
					<td>tutorial1</td>
					<td><a href="misc_files/tutorial1.html" target="_blank" >tutorial1.html</a></td>
				</tr>
				<tr>
					<td>School</td>
					<td>tutorial2</td>
					<td><a href="misc_files/tutorial2.html" target="_blank" >tutorial2.html</a></td>
				</tr>
				<tr>
					<td>School</td>
					<td>tutorial3</td>
					<td><a href="misc_files/tutorial3.html" target="_blank" >tutorial3.html</a></td>
				</tr>
				<tr>
					<td>School</td>
					<td>tutorial4</td>
					<td><a href="misc_files/tutorial4.html" target="_blank">tutorial4.html</a></td>
				</tr>
				<tr>
					<td>School</td>
					<td>tutorial5</td>
					<td><a href="misc_files/tutorial5.html" target="_blank" >tutorial5.html</a></td>
				</tr>
			</tbody>
		</table>
    </section>

CSS

table {
	width: 500px;
    border-style: solid;
	border-width: thin;
	
}

caption {
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
	margin: 10px;
}


th {
	font-size: 20px;
	font-weight:bold;
	height: 40px;
    padding: 10px;
    border-bottom-style: solid;
    border-width: thin;    
}

table tbody tr {
	text-align: center;
}