Изменить размер вкладки для элемента с помощью переноса слов: pre?

Question

У меня есть элемент, похожий на тег (потому что он имеет перенос слов: pre;) для отображения кода на веб-сайте. Единственная проблема заключается в том, что размер вкладки слишком велик и часто приводит к горизонтальной прокрутке элемента, поскольку он имеет фиксированную ширину.

Можно ли изменить размер вкладки?

Answer 1

Вы можете заменить вкладки пробелами. Тогда вы можете точно контролировать размер отступов.

Answer 2

Нам нужно больше ясности в вашем вопросе, но вы случайно ищете свойство text-indent css? Вы можете установить величину отступа, например ::10000

<style type="text/css">
p {
  text-indent: 40px;
}
</style>