Uma simples e boa forma de conseguir isso de forma geral é utilizando o atributo align das tags.

Este atributo pode ser utilizado com os seguintes parametros: align="left" align="right" align="middle" align="top" align="bottom"

exemplo:

<p align="left">Estou na esquerda!<br>
   <img align="left" src="/favicon-light.png" height="32" width="32" />
</p>

<p align="middle">Estou no centro!<br>
   <img align="middle" src="/favicon-light.png" height="32" width="32" />
</p>

<p align="right">Estou na direita!<br>
    <img align="right" src="/favicon-light.png" height="32" width="32" />
</p>

Podendo também utilizar o css text-align, para melhor organizar o texto com a imagem:

<p align="middle" style="text-align: center;">Estou no centro!<br>
   <img src="/favicon-light.png" height="32" width="32" />
</p>

muito obrigado pela explicaçao, deu certinho aqui