<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.