DEV Community

Discussion on: A scalable CSS only Typewriter Effect

Collapse
 
siddharthshyniben profile image
Siddharth

Did you forget to handle positioning, or is it just me:

Collapse
 
afif profile image
Temani Afif • Edited

add vertical-align:bottom to them main span to avoid this. It's the baseline alignment that is inconsistent across browser. For the other issue, you have to rectify the height. the 1.2 I used is an approximation that you have to update based on your real font. Each browser/OS has its own default font so the result may not be the same for everyone OR set the line-height equal to height and you won't get the issue.