css: how to increase one character font-size without increasing whole text line-height?

Ask a question
2

I have a symbol from other font-family and need to adjust its size. Unfortunately font-size:200% increase line-height of whole line;

How to increase one character font-size without increasing line-height?

I know about “severing” the character with position:absolute but this also shift text horizontally. When what I want is something line line-height: inherit (which doesn’t work).

.increased {
  font-size:200%
}
<p>normal</p>
<div style="background-color:yellow">.text text text text text text text text text text  text text text text text text text text text text  text text text text text  text text text text text  </div>
<p>increased (problematic)</p>
<div style="background-color:yellow"> <span class="increased">.</span>text text text text text text text text text text  text text text text text text text text text text  text text text text text  text text text text text  </div>
Coin iconoffer bounty
add comment

1 Answer

0

try using the < pre > taag (<pre> text ….</pre>)

add comment

Your Answer