I have a post div which sits on top of a weird background, and as you can see in this screenshot https://i.stack.imgur.com/L5Qj0.png the text runs over the area I would want it to. I tried to use border-radius, but unfortunately that only modifies the look of the div, with the text still running over.
What I am trying to accomplish here is to create some sort of shape for the div’s top right corner, in which the text will sit. I’ve tried to use some weird padding but that didn’t do the trick either. Any ideas would be much appreciated.
This is bug, do not give a radius that is bigger than the half of the container’s height. Only till this, it is efficient enough.
However, as an alternative take a look into this CSS Text Wrapper, this is exactly what you want.