Is it possible to create box-shadow effect for inline text?

Question

I want to create this effect:

Is there a way to do this via CSS/JS?

Answer 1

This can be achieved with line-height, padding and background-color

p {
  background: black;
  color: white;
  display: inline;
  line-height: 2;
  padding: 5px;
}

This is a demonstration of how to have a multiline padded background color on any amount of text. enjoy