0

Estou desenvolvendo uma aplicação web e gostaria de colocar o titulo <h2> e um button sobre uma imagem mas ao colocar o titulo e o button a imagem desalinha indo para baixo.

inserir a descrição da imagem aqui

Link da minha aplicação

1
  • quero que a imagem fique dentro dessas bordas pretas ,e o titulo e o botão sobre a imagem
    – User1999
    26/01/2018 às 0:53

1 Resposta 1

0

Crie uma classe e coloque o texto e o botão dentro dela, para separa-los da imagem:

<span class="bot_comprar">
   <h2>Bolos até R$30,00</h2>
   <button type="button" class="comprar_botao">Comprar</button>
</span>

No CSS, acrescente:

*{
   position: relative;
}

.bot_comprar{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .