JSFiddle - React, Tailwind, and code Playground

by formikulo

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Таблицы</title>
		<style type="text/css">
			.outer {
					border: 2px solid;
					border-spacing: 0px 1px;
					border-collapse: collapse;
					width: 100%;
					text-align: center;
			}
			.outer tr td {
				border: 1px 2px;
			}			
			.inner {
							border:  1px 2px 1px 2px solid;
							border-collapse: collapse;
							border-spacing: 0px 1px;
							width: 100%;
							padding: 2%;
			}			
		</style>
	</head>
	<body>
		<table cellspacing="1" border="1" class="outer">
			<caption>Таблица 1</caption>
			<tr align="center" valign="middle">
				<td align="center" valign="middle">1</td>
				<td align="center" valign="middle">2</td>
				<td align="center" valign="middle">3</td>
				<td align="center" valign="middle">4</td>
			</tr>
			<tr align="center" valign="middle" >
				<td align="center" valign="middle">5</td>
				<td align="center" valign="middle">6</td>
			</tr>
		</table>
		<br>
		<br>
		<table class="outer">
			<caption align="top">Таблица 2</caption>
			<tr>
				<table border="1" class="inner">
					<tr><th colspan="3">Заголовок 1</th></tr>
					<tr align="center" valign="middle">
						<td align="center" valign="middle">1</td>
						<td align="center" valign="middle">2</td>
						<td align="center" valign="middle">3</td>
					</tr>
				</table>
			</tr>
			<tr>
				<table border="1" class="inner">
					<tr ><th colspan="4">Заголовок 2</th></tr>
						<tr align="center" valign="middle">
							<td align="center" valign="middle">1</td>
							<td align="center" valign="middle">2</td>
							<td align="center" valign="middle">3</td>
							<td align="center" valign="middle">4</td>
						</tr>
					<tr>
				</table>
			</tr>
			<tr>
				<table border="1" class="inner">
					<tr ><th colspan="5">Заголовок 3</th></tr>
					<tr align="center" valign="middle">
						<td align="center" valign="middle">1</td>
						<td align="center" valign="middle">2</td>
						<td align="center"...