Texte à centrer

[Basso]

Bonjour.

J'ai ajouté un texte et des badges de paiement sur la fiche produit.

le code associé qui a été ajouté (en bleu) sur section/product-template.liquid est le suivant :

{% if section.settings.enable_payment_button %}
{{ form | payment_button }}
{% endif %}
<br />
<br />
<br />
<br />

<div class="center"><font size="5" color="GREEN" face="ARIAL">PAIEMENT SÉCURISÉ GARANTI</font></div>
<div class="center"><img src="https://cdn.shopify.com/s/files/1/0083/4591/1396/files/Capture_d_ecran_2019-06-13_a_16.30.43.png?" height="45" width="405" ></div>
</div>
{% endform %}

Or, si je souhaite retirer le terme GARANTI, tout la mention restante PAIEMENT SECURISÉ se retouve aligné à gauche de colonne /

1/ Quelqu'un pourrait-il m'aider à faire en sorte que le texte mis en forme reste centré ?

2/ Comment gérer les espaces verticaux entre bloc ?

Merci par avance à la communauté