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?
Hi @notmyrealname the first problem is with setting text wrapper width to 40% . Second problem is that Text is large and word doesn’t wrap (doesn’t split by letter) .
Oh, ok @notmyrealname this is something you can’t do about and when you learn typography you will understand why. The space above and below are called in typography accender and descender to keep space for special glyphs as for accender ^ˇ etc. and for descender j, y, p etc.
Space before is set by font creator and you can’t do anything about that. Maybe some kerning can help but…
Hope that helped to understand what and why
here is simple typography terminology but feel free to find more articles about this on internet.