Текст слишком близко к скроллеру. Как создать немного места между скроллером и текстом?

Question

У меня есть div. Когда есть большой текст, скроллер появляется с правой стороны от div. Проблема в том, что между скроллером и текстом нет места, и это выглядит плохо. Я хочу сделать некоторое пространство между скроллером и текстом, используя CSS. Как я могу это сделать?

Answer 1

Вы можете добавить немного padding-right в ваш div, чтобы немного вытолкнуть содержимое.

Answer 2

Добавьте отступ справа к вашему элементу:

padding-right:10px;

Это добавит пробел 10px между вашим текстом и скроллером. Если у вашего элемента фиксированный width, вам придется уменьшить его на ту же величину, что и значение padding-right, чтобы сохранить общую ширину.

например:

до

div {
   width:500px;
}

с отступом вправо:

div {
   width:490px;
   padding-right:10px;
}