Iniciante > Problemas com CSS

[Diego Albuquerque 0]

Pessoal, bom dia!

Sou iniciante na área de desenvolvimento, e estou tendo um pouco de dificuldade para colocar um texto dentro de uma imagem (de preferência responsivo).

Nos exemplos abaixo, o "Chamada da Matéria" deverá ficar  sempre posicionado abaixo dos números e centralizado em cada um dos itens, e se necessário, alterar automaticamente o tamanho de fonte. 

 

Desde já agradeço pela ajuda!

 

 

[luiz14 16]

Vê esse vídeo aqui:

 

 

Depois que você assistir, você adapta para a sua realidade.

[Pita 53]

Olha se isso ajuda:

https://jsfiddle.net/9zoL1bup/

[navegantenarede 3]

Mais alguns exemplos que envolvem posicionamento, direto da W3C: https://www.w3.org/Style/Examples/007/center.en.html