JSFiddle - React, Tailwind, and code Playground

by johurt

HTML

<html>
	<head>
		<title>JSON</title>
		<link rel = "stylesheet" href = "../styles.css">
	</head>
	<body>
		<div class = 'mainBlock'>
			<p>a</p>
			<div class = 'nav'>
				<ul>
					<li><a href = '#'>Pagrindinis</a></li>
					<li><a href = '#'>Statistika</a></li>
					<li><a href = '#'>Info</a></li>
				</ul>
			</div>
			<div style = 'display: flex; align-items: center; justify-content: center;'>
			<table style = 'border: 0; padding: 0;'>
				<tr>
					<td id = 'firstBannerPlace' onclick = 'openInNewTab(1)'></td>
					<td id = 'secondBannerPlace' onclick = 'openInNewTab(2)'></td>
				</tr>
			</table>
			</div>
			<p id = 'showJSON'></p>
		</div>
	</body>
</html>

CSS

body { 
	margin: 0;
	padding: 0;
	width: 100%;
}

td:hover { cursor: pointer; }

.mainBlock {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}

.nav ul { margin:inherit; padding: 0; list-style-type: none; display: block; }
.nav li { display: inline; }

.nav a {
	text-decoration: none;
}