Теги внутри предварительного тега с добавлением другого форматирования

Question

Я использую pre теги для отображения кода.Я хочу показать часть кода зеленым цветом.Но когда я помещаю тег <div> вокруг кода, который я хочу, зеленого цвета, он также делает такие вещи, как добавление новых строк, промежутков между глотками и так далее.Как получить стиль только изменить цвет?

Вот мой минимальный пример.Если у меня есть этот текст в HTML-файле;

<code><pre>Some space <div style="background-color:#e6ffed;">then</div> more text.

и открыть его в Chrome, он будет отображаться как

Some space 
then
 more text.

(где строка "then"по желанию зеленый).

Answer 1

Просто используйте <span> вместо этого, поскольку это встроенный элемент.

A <div> по своей сути является блочным элементом, поэтому он будет вести себя так же, как вы видите здесь.

Вы можете узнать больше о них здесь .