Solucionado
Olá pessoal. Estou com uma situação que não consigo resolver. Coloquei uma imagem com a tag e como bom prática também coloquei um "alt", porém eu gostaria que o conteúdo deste "alt" ficasse abaixo da imagem e não do seu lado. Tem como fazer isso? Tentei utilizar o <br, mas não resultou.
<div class="FlavioAlmeida">
<img src="../img/FlavioAlmeida.jpg" alt="Flavio Almeida">
....FlavioAlmeida{
grid-area: FlavioAlmeida;
background-color: #fff;
}hoje, com a Alura e o Google Gemini
Amigo, eu não entendi sua questão, o que está no Alt só aparece caso a imagem não seja carregada.
A tag "alt" serve como texto alternativo caso a imagem não carregue, se o que você deseja que o texto seja carregado abaixo por algum motivo (como carregamento dinâmico, exibir detalhes da imagem) , você pode utilizar jquery ou javaScript, algo parecido com isso:
<img src="imagem-02" id="teste" alt="legenda 02" />
<div id="texto"></div>
<script>
var imagem = document.querySelector('#teste');
document.getElementById("texto").innerHTML = imagem.alt;
</script>Obrigado companheiros.