Button fora de posicao

Bom, estou tentando por a TAG button do "PEDIR"  logo abaixo do PREÇO, mas ele nao esta ficando como se estivesse dentro da div onde o botei, so e movido por fora.

Ele nao esta ficando em cima da Imagem. A div tem o tamanho e largura os mesmos que a Imagem, ja usei o float, botei a margin-top etc.. (esses margins 0, botei para testar, ver se ficaria no topo da imagem).

Como posso deixar ele em baixo do preço.

<div id="pizza1">
<a href="#"><img src="images/piz1.png"/></a>
<button>PEDIR</button>
</div>

#pizza1 {
	height: 268px;
	width: 578px;
	background-color: white;
	margin-left:35px;

}

 float: auto;
 margin-top: 0px;
 margin-right: 0px;
 background-color: green;
 width: 203px;
 height: 53px;
 font-family: sans-serif;

}

	 

	![imagem](https://forum.imasters.com.br/monthly_2018_05/button.png.f8d5cdb7c34b053fdec57673ecfe52fe.png)