Solucionado
Estou com dúvidas para um site que estou desenvolvendo. Eu quero fazer que quando eu passo o mouse sobre uma imagem aparece o texto, e quando o mouse sai, o texto desaparece da tela, esse passo eu consegui fazer, porém eu que todos os textos aparecessem no mesmo lugar, no momento cada texto esta aparecendo um abaixo do outro, eu queria que todos aparecessem no mesmo lugar, tipo no centro da div.
Olá Jeysiel, tudo bem?
Desculpe a demora em retornar.
Para que todos os textos apareçam no mesmo lugar, você pode utilizar a propriedade "position" do CSS. Para centralizar o texto na div, você pode utilizar o valor "absolute" para a propriedade "position" e definir os valores "top" e "left" para 50%. Assim, o texto ficará centralizado na div.
Segue um exemplo de código CSS que pode te ajudar:
.texto {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}Lembrando que você deve aplicar a classe "texto" no elemento que contém o texto que deseja centralizar.
Fiz um teste bem simples e coloquei no codepen, dá uma olhadinha aqui.
Indico a leitura desse artigo sobre Position CSS para te ajudar a entender mais sobre essa propriedade.
Um abraço e bons estudos.