Initial commit
						commit
						60e3ff9db9
					
				@ -0,0 +1,42 @@
 | 
			
		||||
<!DOCTYPE html>
 | 
			
		||||
<html lang="en">
 | 
			
		||||
<head>
 | 
			
		||||
<meta charset="UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
			
		||||
<title>Centered Form Example</title>
 | 
			
		||||
<style>
 | 
			
		||||
  body {
 | 
			
		||||
    background-color: #ffffff00;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    height: 100vh;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  form {
 | 
			
		||||
    width: 300px;
 | 
			
		||||
    padding: 20px;
 | 
			
		||||
    border: 1px solid darkblue;
 | 
			
		||||
    border-radius: 5px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  input {
 | 
			
		||||
    width: 80%;
 | 
			
		||||
    margin-bottom: 10px;
 | 
			
		||||
    padding: 5px;
 | 
			
		||||
  }
 | 
			
		||||
</style>
 | 
			
		||||
</head>
 | 
			
		||||
<body>
 | 
			
		||||
 | 
			
		||||
<form>
 | 
			
		||||
  <h2>Centered Form</h2>
 | 
			
		||||
  <input type="text" placeholder="Name" required autocomplete >
 | 
			
		||||
  <input type="email" placeholder="Email">
 | 
			
		||||
  <button type="submit">Submit</button>
 | 
			
		||||
  <button type="reset">Reset</button>
 | 
			
		||||
</form>
 | 
			
		||||
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
					Loading…
					
					
				
		Reference in New Issue