JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
	
</head>
<body>
	<div id="logo">
		<a href="#"><img src="images/logo_head.png"></a>
	</div>
		<form id="field" action="#">
			<div id="filed1">
				<p class="tl">Логин:
				<input name="login" type="text" class="login">
				</p>
				<p class="tl1">Пароль:
				<input type="password" name="password" class="login">
				</p>
			</div>
				<input type="image" src="images/enter.png" name="submit" class="login2">
		</form>
	<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;
}

#logo {
	margin:20px 0;
	display:inline;
}

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

.tl {
	color:#626262;
	padding:0 10px;
}

.tl1 {
	color:#626262;
	
}

#field {
	float:right;
}

#filed1 {
	float:left;
}

.login2 {
	padding:2px 3px;
}