<header>
<h1>Devmedia</h1>
<form>
<input placeholder='Pesquisar'/>
<button>Enviar</button>
</form>
<nav>
<a href='/home'>Home</a>
<a href='/sobre'>Sobre</a>
<a href='/contato'>Contato</a>
</nav>
</header>
header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: green;
padding: 20px 20px;
}
nav {
width: 200px;
display: flex;
justify-content: space-between;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.