P粉8795174032023-08-03 12:08:47
你可以用float: left;:
*{
margin:0;
padding:0;
box-sizing: border-box;
font-family: sans-serif;
}
header{
position:absolute;
display:flex;
justify-content: space-between;
align-items: center;
height:100vh;
width: 100%;
}
header .navigation * {
float: left;
}
header .navigation > :not(h2) {
margin-top: 5px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clone@Netflix</title>
<link rel="stylesheet" href="netflix.css">
</head>
<body>
<header>
<nav class="navigation">
<h2>NETFLIX</h2>
<span class="language">
<select name="#" id="lang_inner">
<option value="en">English</option>
<option value="hi">Hindi</option>
<option value="ar">Arabic</option>
<option value="es">Espaniol</option>
</select>
</span>
<button class="signin_button">Sign in</button>
</nav>
</header>
</body>
</html>