CSS create padding before line-break

Question

Is it possible to add padding before line-break? As in, making from this to this

Answer 1

You can achieve this using just box shadow, with no messy padding or margins.

The trick is to use box-shadow's spread option, and the padding on wrapped inline elements behaves as you expect.

.highlight {
    background: black;
    color: white;
    box-shadow: 0 0 0 5px black;
}