Comment aligner un pré-tag au centre en HTML

Question

Je suis en train de publier du code sur un blog à l'aide de la balise pre. Quelque chose comme ceci:

void function(){return 0;}

Maintenant, je veux tout ce code pour être centre aligné. Je ne parle pas seulement du texte mais aussi de la frontière qui l'entoure. La largeur est actuellement fixée à 60%. Donc, je veux que tout cela soit aligné au centre. Y a-t-il un moyen de le faire?

Answer 1

Ajouter un CSS personnalisé <div> Classe qui définit la police à courier (10pt) et a les marges gauche et droite définies afin qu'il soit centré sur la page.

.code { 
    font-family:courier; 
    font-size: 10pt; 
    margin: 5px; border: 1px solid black; 
} 

Ensuite, appelez comme suit:

<div class="code">Your Code Here</div> 

La magie se produit dans la section margin. Vous pouvez définir tous les 4 attributs, mais si vous en définissez un, alors il makes it a margin of that size all the way around.