Как выровнять предварительный тег по центру в HTML

StackOverflow https://stackoverflow.com/questions/789064

  •  16-09-2019
  •  | 
  •  

Вопрос

Я пытаюсь опубликовать некоторый код в блоге, используя тег pre.Что - то вроде этого:

void function(){return 0;}

Теперь я хочу, чтобы весь этот код был выровнен по центру.Я говорю не только о тексте, но и о границе вокруг него.В данный момент ширина установлена равной 60%.Поэтому я хочу, чтобы все это было выровнено по центру.Есть ли способ это сделать?

Это было полезно?

Решение

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top