JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<link href="styles1000.css" type="text/css" rel="stylesheet">
	<title>Tableaux</title>
</head>
<body>
	<table class="tableau">
		<tr>
			<td>
				<span>
					<code>Item1</code>
				</span>
			</td>
			<td>Exemple de texte</td>
		</tr>
		<tr>
			<td>
				<span>
					<code>Item2</code>
				</span>
			</td>
			<td>Exemple de texte</td>
		</tr>
		<tr>
			<td>
				<span>
					<code>Item3</code>
				</span>
			</td>
			<td>Exemple de texte</td>
		</tr>
	</table>
</body>
</html>

CSS

.tableau, tr, td{
	padding: 15px;
	border: 1px solid #5f479f;
	border-collapse: collapse;
	font-size: 1.2em;
}