I am having trouble with text. Not sure what the issue is here but it might be to do with line height. In the first picture below you can see that I have a text block within a div block. However the text will not position correctly. The box that contains the text doesn’t hug the characters and at best I’m always left with a couple of pixels difference at the edge. As the picture shows the text is way out of whack with the text container block.
Instead of using pixels I tried % but as you can see (below) the text will not fill the space… If anyone can shed some light on this I will be very grateful. Even when using the line height option or changing the type of element to inline or flex box the same problem occurs. Is this a bug?
Thanks for reading.
Have a good day.