Is there a way to set letter-spacing for each character with different sizes as the user types in a text box? I attempted to use letter-spacing in CSS, but it changed all characters to the same size. Is there a possible solution for this?
Here is the code I have tried:
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='initial-scale=1.0' />
<style>.pr { letter-spacing: 10px; }</style>
</head>
<body>
<div id='editor' contenteditable='true' style='white-space: pre-line;'><pr></pr>
</div>
</body>
</html>