JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
</table>

CSS

table {
	width: 100%;
	border-collapse: collapse;
}

table td {
	padding: 10px;
	border: 1px solid black;
}

table tr > td:nth-child(2) {
	text-align: center;
}

table tr > td:nth-child(3) {
	text-align: right;
}