I have a inline element with padding at the top and bottom. If I select the text, in Chrome the selection fills (vertically) the top padding, but not the bottom padding:
<span style="background-color:grey; padding: 10px 0;">selected this text</span>Run that code and select the text. In my Chrome (Version 60 on a Mac) it looks like this (the blue is the selection):
Why is the selection only stretched to the top and not to the bottom? Either I want it stretched in both directions or at least none. How can I achive that? Hopfully without additional tags.
By the way: In Firefox it streches in no direction, in Safari just to the bottom?!