Как по центру выровнять предварительный тег в 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 атрибута, но если вы просто установите один, то он сделает поле этого размера полностью вокруг .