Html 为什么表情符号在右侧填充？

我试图在我的富文本编辑器Trix中实现表情符号。有一个基本的HTML输入元素，我在其中输入文本

我将emojis作为符号输入，这与您在MacOS上可以找到的符号相同（按cmd+ctrl+space）。插入带有自定义实现或MacOS本机实现的emoji并不重要，但在右侧总是有填充。图为：

所选文本的长度仅为

1

，表情符号和字母“H”之间没有空格

---

如何解决此问题并将表情符号与中心对齐？

请提供一些代码好吗？@CharleneVas我真的没有任何重要的代码-我只是将其显示为纯文本。