Bon alors déjà, je te conseille très très fortement d'éviter ce genre de balises : font et align etc. Tu devrais utiliser le CSS, familiarise toi avec le CSS un peu, tu verras c'est facile
Puis sinon si tu veux rester sur du HTML pur, essaie les deux, tu verras.
Dans le premier, tu crées un <div></div> centré, avec comme couleur de police le rouge partout dans le div et ton texte.
Dans le deuxième, tu mets un <div></div> dans un <p></p>, ce qui est impossible (je crois ) et en fait si c'était possible tu mettrais le div dans le p, avec le p affecté pour la couleur rouge.
Je te conseille le premier pour l'instant, après tu utiliseras le CSS avec les class, ce sera beaucoup mieux. En tout cas ne mets pas de div dans un p, un div est un conteneur, comme une boîte, un p est un ensemble de textes, d'images et d'autres assets mais tu vas pas mettre de div (qui est une balise bloc) dans un p : utilise des balises inline (<span> en l'occurence).
Suis bien les tutoriels selon celui que tu suis, mais je trouve qu'étonnement celui d'OpenClassrooms est pas mal