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:

Estou na esquerda!

Estou no centro!

Estou na direita!

<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:

Estou no centro!

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