preタグをHTMLに整列する方法

Question

私はpreタグを使ってブログにいくつかのコードを投稿しようとしています。このような何か：

void function(){return 0;}

は、今私は、すべてこのコードは整列の中心になりたいです。私はテキストについてだけでなく、その周りの境界についても話しているわけではありません。幅は現在60％に設定されています。だから、私はこれをすべて中央揃えにしたい。それを行う方法はありますか？

Answer 1

カスタムCSSを追加<div>フォントをcourier（10pt）に設定し、左右に余白を設定してページの中央に配置するクラス。次のように

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

そして、それを呼び出す：

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

魔法がmarginセクションで行われます。 4つの属性をすべて設定できますが、設定した場合はmakes it a margin of that size all the way aroundとなります。