JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
		<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
		<title>title</title>
		<link href="realstyle.min.css" rel="stylesheet" type="text/css"/>
		<script src="jquery.min.js" type="text/javascript"></script>
		<script src="main.obs.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="container">
			<div id="noneall">
				<a href="http://www.site1.com/" target"_blank">
					<div id="none2">Text here</div>
				</a>
				<a href="http://www.site2.com/" target"_blank">
					<div id="none3"><br><br>more text here</div>
				</a>
			</div>
		</div>
	</body>
</html>

CSS

body {
    background: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow-x: scroll;
    padding: 0;
}

#header_container {
    background: url(table-images/gradhead.png) repeat-x #0E4444;
    border: 0 solid #666;
    height: 80px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#noneall {
    left: 50%;
    margin-left: -250px;
    margin-top: -50px;
    position: fixed;
    top: 50%;
}

#noneall a{
    text-decoration:none;
}

#none2 {
    color: #ECECEC;
    font-family: "Times New Roman",Times,serif;
    font-size: 2em;
}

#none3 {
    color: #ECECEC;
    font-family: "Times New Roman",Times,serif;
    font-size: 1em;
}