JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Design</title>
	<meta http-equiv="Content-type" content="text/html" charset="utf-8">
	<link type="text/css" href="css/style.css" rel="stylesheet">
</head>
<body>
	<div id="logo">
			<img src="images/logo_head.png" alt="logo" id="logo">
			<form id="log">
				<div id="log_txt">
				<p>
					<label for="text">Логин:</label>
					<input type="text" id="login" name="login" maxlength="10">
				</p>
				<p>
					<label for="password">Пароль:</label>
					<input type="password" id="password" name="password" maxlength="15">
				</p>
				</div>
				<input type="image" src="images/Reg.png" id="log_img">
			</form>
			<div id="reg_help">
				<a href="#" class="reg">Регистрация</a>
				<a href="#">Забыли пароль?</a>
			</div>
	</div>
	<div id="header">
	</div>
	<div id="menu">
	</div>
	<div id="sidebarL">
	</div>
	<div id="content">
	</div>
	<div id="sidebarR">
	</div>
	<div id="footer">
	</div>
</body>
</html>

CSS

body {
	font:14px Arial;
	width:1032px;
	margin:0 auto;
}

#login {
	color:#626262;
	margin: 10px;
	border-radius:3px;
	background-color:#FBFBFB;
	border:1px solid #AEAEAE;
	width:113px;
	height:20px;
}

#password {
	color:#626262;
	margin-top:-3px;
	border-radius:3px;
	background-color:#FBFBFB;
	border:1px solid #AEAEAE;
	width:113px;
	height:20px;
}
#logo {
	display:inline;
}

#log {
	float:right;
	display:inline;
}

#log_img {
	padding:12px 0;
}

#log_txt {
	float:left;
}

.reg {
	border-right:1px solid #cccccc;
}