[RESOLVIDO] Adicionar mais de um dropdown na navbar

Front-end HTML
#1

Como eu poderia adicionar mais elementos dropdowns na navbar do meu código? Tentei copiar e colar logo abaixo em meu código, porém a barra de navegação é replicada abaixo, só quero mais opções ao lado do “Arquivo”.

Segue o código:

</head>
    <body>
         <div class="navbar">
  <div class="dropdown">
    <button class="dropbtn">Arquivo
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="#">Novo</a>
      <a href="#">Abrir</a>
        <a href="#">Salvar</a>
        <div class="navbar">
  <div class="dropdown">
    <button class="dropbtn">Arquivo
      <i class="fa fa-caret-down"></i>
    </button>
    </div>
  </div> 
</div>
         <textarea rows="35" cols="142">
        </textarea>
            
    </body>
    </html>
#2

Segue esse exemplo:

#3

Deu certo, obrigado, não tinha nem pensado em colocar JS. :grin:

1 curtida