How to set a floated background for text like in Instagram Story?

Question

css

As pictured white background with rounded corners. Cross-browser solution preferred

Answer 1

1. Solution . No rounding between lines.
2. Solution . Rounding with circle gradient. ( @healqq )
3. PostCSS and CSS solution . Rounding with SVG. ( @hvdd )

Answer 2

Cross-browser, but not very versatile. Demo on codepen .

Answer 3

with the help of svg you will get it)