è da pochissimo che programmo in html e css, ho acquisito le basi. Mi trovo davanti ad un problema, ho provato a cercare su internet ma non sono riuscito a risolvere(probabilmente non ho cercato bene, o non ho capito le soluzioni proposte)
Ecco il problema:
Vorrei portare le scritte E-mail o telefono e Password al dì sopra del box in cui inserire i dati, allego i codici html e css.
Ecco il problema:
Vorrei portare le scritte E-mail o telefono e Password al dì sopra del box in cui inserire i dati, allego i codici html e css.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="Facebook.css">
<title>Facebook: accedi o iscriviti</title>
</head>
<body>
<header>
<nav id="barra">
<form action="">
<div class="container">
<h1 class="logo"><a href="Facebook.html">facebook</a></h1>
<ul>
<li class="email">
<label for="email">E-mail o telefono</label>
<input id="email" type="email" required></li>
<li class="password">
<label for="password">Password</label>
<input id="password" type="password" required></li>
<li class="link-accesso"><a href="">Non ricordi più come accedere all'account?</a></li>
<li class="bottone1"><button>Accedi</button></li>
</ul>
</div>
</form>
</nav>
</header>
</body>
</html>
CSS:
*{
margin: 0;
padding: 0;
}
html,body{
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
#barra{
background: rgb(59, 89, 152);
}
#barra .container{
width: 1280px;
height: 83px;
display: flex;
justify-content: space-between;
align-items: center;
}
#barra .container ul {
display: flex;
}
#barra .container ul li{
list-style: none;
}
#barra .container ul li label input .email {
padding-top: 5px;
}
#barra .container h1 a{
margin-top: 17px;
font-size: 38px ;
color: white;
text-decoration: none;
}