-
Posts
-
Hi,
When I add a line break within a p tag. The second line has one character of whitepace after the <br> tag and before the first text character.
How it looks in the ALB:
<p class="de-homepage-title lightblue" style="text-align: left;">About Scottish<br>Brain Sciences</p>How it looks on screen and using Chrome Inspect:
do you really believe that there is a whitespace ?
This seems to be normal typographic behavior – for example : Carmen Sans ( not the same font but nearby ) – see first two lines without whitespace after break
and at the end with a whitespace:
( i just activated those lines that you can see the alignment better )
You see that a blank space in typography is a quarter square. ( half n-dash space )
this is like fonts in that the baseline of curves is always slightly below the straight lines of a font.You can try that yourself
duplicate your heading and after the line break (br-tag) insert and compareor start your second line with an A too! Just to see what happend to second line
Hi,
you are so right. Thank you. it wasn’t a whitespace but half n-dash. I should know as I used to work for a typesetters but I was IT support/systems so didn’t pay too much attention to the world of books.
If I make the second line start with an A then they line up correctly.
I added a span around the seconbd line then nudged it left by 7px;
.de-nudge {display:inline-block; outline:1px solid red; text-indent:-7px;}But why ?
this is typographically correct – have a look to a Sentence where all round Letters on the bottom ( o, e, c, etc ) are on the same line like the n, m, z etc.
This looks horrible. The same here.It does.
I’ve scrapped it. It was only when I sat back and looked properly I realised how hideous it looked.
Thank you for your time and help. It’s appreciated
- You must be logged in to reply to this topic.