красивая подсветка с использованием <span>

Question

Я выделяю текст в HTML-документе, используя теги <span> вокруг содержимого, которое нужно выделить. Класс span имеет значение background-color и значение border-radius. Это хорошо работает.

Мне бы хотелось, чтобы выделение немного расширилось за пределы обычного содержания <span>. То есть несколько пикселей слева от начала пролета и несколько пикселей справа от конца пролета. В идеале я бы сделал это без разнесения содержимого.

Какие-нибудь хорошие трюки CSS, которые я могу использовать для достижения этого?

Answer 1

Вы можете установить отступы и отрицательное поле.Например:

span {
    margin: -5px;
    padding: 5px;
}

Вы можете увидеть демо здесь .

Answer 2

маржа: 10px 0px;??

если это не решит вашу проблему, можете ли вы уточнить эту проблему?