Search code examples
htmlinlinekerning

Is kerning letters tighter within a sentence in HTML possible?


On a webpage I have 24pt "T" next to a 14pt "h" at the beginning of the first paragraph. I would like to slide the "h" under the top bar of the "T". I am aware of the in-line

<span style="LETTER-SPACING: 2px;">

that adds distance but a '-2' does NOT subtract space. The actual code without the letter-spacing code currently reads as

<P><span style='font-size:24.0pt;font-family:"Times Roman","serif"'>T</span>h [.....]</P>

Is there a way to do what I want? Right now it looks like this. the-jpg


Solution

  • Setting margin-right: -2px on the span worked for me.

    With negative margin

    Original, without negative margin