JSFiddle - React, Tailwind, and code Playground

HTML

<div>
			<table align="center" border="1">
				<tr>
					<td valign="top">
						<div class="tab-strip">
							<table class="tab-button">
								<tr>
									<td></td>
									<td>TEST1</td>
								</tr>
							</table>
							<table class="tab-button">
								<tr>
									<td></td>
									<td>TEST2</td>
								</tr>
							</table>
							<table class="tab-button">
								<tr>
									<td></td>
									<td>TEST3</td>
								</tr>
							</table>
							<table class="tab-button">
								<tr>
									<td></td>
									<td>TEST4</td>
								</tr>
							</table>
							<table class="tab-button">
								<tr>
									<td></td>
									<td>TEST5</td>
								</tr>
							</table>
							<table class="tab-button">
								<tr>
									<td></td>
									<td>TEST6</td>
								</tr>
							</table>
						</div>
					</td>
				</tr>
			</table>
		</div>

CSS

.tab-strip {
			overflow: hidden;
			white-space: nowrap;
		}
		.tab-strip .tab-button {
			display: inline-block;
		}
		.tab-strip .tab-button td {
			background-color: yellow;
		}
		.tab-strip .tab-button td:first-child {
			background-color: green !important;
			width: 100px;
		}