Qual é o uso do botão dividido?
Um botão dividido é um híbrido entre um botão e um menu: ele agrupa os comandos relacionados a um suspensão, mas também oferece acesso de um clique a uma opção padrão que não requer a abertura do menu.
Como você faz um botão dividido?
Exemplo explicado
Use qualquer elemento para abrir o menu suspenso, e.g. uma <botão>, <uma> ou <p> elemento. Use um elemento de contêiner (como <div>) para criar o menu suspenso e adicionar os links suspensos dentro dele. Enrole a <div> elemento em torno do botão e o <div> Para posicionar o menu suspenso corretamente com CSS.