Hey, ich bin gerade dabei eine Log-in Seite für eine Website zu
erstellen. Allerdings möchte ich, dass das Label und er Log-In Text zu
hoch oben sind. Da ich auch im Internet nichts nützliches finden konnte,
wollte ich mal schauen ob heir jemand einen guten Rat hat. Das ganze
Label sollte entweder mittig oder um eine gewisse Länge nach unten
versetzt werden. Das gleiche gilt auch für den Log-in Text. Danke für
die Hilfe
1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <style>
|
5 | label {
|
6 | display: block;
|
7 | font: .9rem 'Fira Sans', sans-serif;
|
8 | }
|
9 |
|
10 | input[type='submit'],
|
11 | label {
|
12 | margin-top: 1rem;
|
13 | }
|
14 | .login{
|
15 | width: 80rem;
|
16 | height: 40rem;
|
17 | margin: auto auto;
|
18 | box-shadow: 0 0 10rem black;
|
19 | text-align: center;
|
20 | color: orange;
|
21 |
|
22 | }
|
23 | .errormsg{
|
24 | color: red;
|
25 | }
|
26 | .errormsg-valid{
|
27 | color: green;
|
28 | }
|
29 | </style>
|
30 | <meta charset="UTF-8">
|
31 | <title>Log-IN</title>
|
32 | </head>
|
33 | <body>
|
34 | <div class="login">
|
35 | <div>
|
36 | <label for="username">Username:</label>
|
37 | <input type="text" id="username" name="username">
|
38 | </div>
|
39 |
|
40 | <div>
|
41 | <label for="pass">Password:</label>
|
42 | <input type="password" id="pass" name="password"
|
43 | minlength="8" required>
|
44 | </div>
|
45 |
|
46 | <p class = "errormsg" id = "errormsg"></p>
|
47 | <input type="submit" value="Sign in" onclick="validLogin()">
|
48 |
|
49 |
|
50 | </div>
|
51 |
|
52 | </body>
|
53 |
|
54 | </html>
|
Thread beobachten
Seitenaufteilung abschalten