Tens alguns problemas com o teu código atual:
Elementos dentro da tag de link:
O elemento <button/>
não pode estar dentro do elemento <a/>
pelo que pode ser lido na documentação em: HTML5 Spec Document from W3C:
Content model: Transparent, but there must be no interactive content descendant.
The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).
Que traduzido:
Modelo de conteúdo: transparente, mas não deve haver conteúdos interactivos descendente.
O elemento pode ser envolvido em torno de parágrafos inteiros, listas, tabelas, e assim por diante, até mesmo seções inteiras, desde que não exista conteúdo interativo dentro do mesmo (por exemplo, botões ou outros links).
Fecho das tags
Os elementos <p/>
não estão fechados, motivo pelo qual o teu código não gera o HTML da forma pretendida.
Solução
Podes colocar ambas as hiperligações dentro de um paragrafo e formatar com CSS para obteres o aspeto desejado:
a{
display:inline-block;
text-decoration:none;
padding:6px 4px;
border:1px solid #ccc;
background-color:#f2f2f2;
color:#333;
font:15px arial, sans-serif;
}
a:hover{
border-color:#aaa;
}
<p>
<a href="guardadorrebanhos.html">
voltar
</a>
<a href="guardadorrebanhos.html">
análise
</a>
</p>
<p>
pois ela quebra em parágrafos, ou use css para formatar a largura do parágrafo, mas não é o ideal. Pode trocar oinput
porbutton
.