JSFiddle - React, Tailwind, and code Playground

HTML

<title>Entry form login</title>
	
		

	<body>
		
		<div class="wrap">
		  <img src="/images/logo.png" alt="Highdown logo" />
		  <h1>Entry forms</h1> 
		</div>
		
		
		
		
		
		
		<div id ="form"> 
			<form action = "entryformlogon.php" method="post">
						
						
				<label for = "user">Username</label>
					<input type ="text" name ="Username"><br>
						
				<label for ="password">Password</label>	
					<input type ="password" name = "Password"><br>
						
				<input type = "submit" name ="loginbutton" id = "loginbutton" value ="Log in">
						
			</form>
		</div>
		
		
		
		
		
		
	</body>

CSS

<style>
			.wrap {
			position: relative;
			}
		
			img {
				position: absolute;
			}
			
			h1 {
				color:red;
				font-family:Trebuchet MS;
				font-size:250%;
				text-align:center;
			}	
			
			label {
				display: inline-block;
				width: 100px;
			}

			input {
				width: 180px;
				margin-bottom: 5px;
			}

						
			#loginbutton {
				margin-left: 120px;
				margin-top: 5px;
				width: 90px;
				
				
			}
			
			#form {
				text-align: center;
				position: relative;
				top: 100px;
		}
			
		</style>