Untitled

<!DOCTYPE html>
<html lang="en">

	<head>

		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="HTML, Meta" />
		<meta name="description" content="test" />

		<style>

			thead {
				color: #ff0000;
			}

			tbody {
				color: #000000;
			}

			tfoot {
				color: #0000ff;
			}

			table,th,td {
				border: 1px solid #cccccc;
			}
}

		</style>

	</head>

	<body>

		<h1>Hello World !</h1>

		 <div class="osszes" style="background:#636972">
			<div class="elsodiv ex1" style="float:left; max-width:300px; background:#4286f4">DIV1</div>
			<div class="masodikdiv ex2" style="float:left; max-width:500px; background:#af1a1a">DIV2</div>
			<div class="harmadikdiv ex3" style="float:left; max-width:1500px; background:#0ca004">DIV3</div>
		</div>

		<table>
			<thead>
				<tr>
					<th>1</th>
					<th>2</th>
					<th>3</th>
					<th>4</th>
					<th>5</th>
					<th>6</th>
					<th>7</th>
					<th>8</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1-1</td>
					<td>1-2</td>
					<td>1-3</td>
					<td>1-4</td>
					<td>1-5</td>
					<td>1-6</td>
					<td>1-7</td>
					<td>1-8</td>
				</tr>
				<tr>
					<td>2-1</td>
					<td>2-2</td>
					<td>2-3</td>
					<td>2-4</td>
					<td>2-5</td>
					<td>2-6</td>
					<td>2-7</td>
					<td>2-8</td>
				</tr>
				<tr>
					<td>3-1</td>
					<td>3-2</td>
					<td>3-3</td>
					<td>3-4</td>
					<td>
						<table>
							<tr>
								<td>1-1</td>
								<td>1-2</td>
								<td>1-3</td>
								<td>1-4</td>
								<td>1-5</td>
								<td>1-6</td>
							</tr>
							<tr>
								<td>2-1</td>
								<td>2-2</td>
								<td>2-3</td>
								<td>2-4</td>
								<td>2-5</td>
								<td>2-6</td>
							</tr>
							<tr>
								<td>3-1</td>
								<td>3-2</td>
								<td>3-3</td>
								<td>3-4</td>
								<td>3-5</td>
								<td>3-6</td>
							</tr>
							<tr>
								<td>4-1</td>
								<td>4-2</td>
								<td>4-3</td>
								<td>4-4</td>
								<td>4-5</td>
								<td>4-6</td>
							</tr>
						</table>
					</td>
					<td>3-6</td>
					<td>3-7</td>
					<td>3-8</td>
				</tr>
				<tr>
					<td>4-1</td>
					<td>4-2</td>
					<td>4-3</td>
					<td>4-4</td>
					<td>4-5</td>
					<td>4-6</td>
					<td>4-7</td>
					<td>4-8</td>
				</tr>
				<tr>
					<td>5-1</td>
					<td>5-2</td>
					<td>5-3</td>
					<td>5-4</td>
					<td>5-5</td>
					<td>5-6</td>
					<td>5-7</td>
					<td>5-8</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td>1</td>
					<td>2</td>
					<td>3</td>
					<td>4</td>
					<td>5</td>
					<td>6</td>
					<td>7</td>
					<td>8</td>
				</tr>
			</tfoot>
		</table>

	</body>

</html>