Boa tarde, estou com dificuldades em deixar o meu h1 e o nav na mesma linha, pra ficar dentro do header cinza, mas quando eu coloco display: inline no header, ele fica completamente desconfigurado. Como seria um outro jeito de coloca-los na mesma linha dentro do header?
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<style>
body{
weight: 1920px;
}
.cabecalho{
text-align: right;
background-color: #C0C0C0;
padding: 8px;
padding-right: 20px;
}
a{
margin-left: 5px;
text-decoration:none;
color: white;
display: inline;
}
</style>
</head>
<body>
<header class="cabecalho">
<h1>Teste</h1>
<nav class="navigator">
<a href="#">Home</a>
<a href="#">Collections</a>
<a href="#">Contact</a>
</nav>
</header>
</body>
</html>Desde já agradeço :)
