No inline-CSS in elements.

mastodon-api-comments.html

@@ -2,6 +2,7 @@
 {{ $status_id := .Get "status_id" | default "" }}
 
 {{ partial "mastodon-api-comments-scripts.html" . }}
+<style type="text/css">.mastodon-api-comment-avatar,.mastodon-api-comment-emoji{height:1em;}</style>
 <div id="mastodon-api-comments_{{ $status_id }}" class="mastodon-api-comments"></div>
 <noscript><p>Comments only work with JavaScript enabled.</p></noscript>
 <script type="application/javascript">

mastodon-api-comments.js

@@ -48,7 +48,7 @@ function write_comments(root, data)
         {
             content = content.replace(
                 ':' + emoji.shortcode + ':',
-                '<img style="height: 1em;" src="' + emoji.url + '">');
+                '<img class="mastodon-api-comment-emoji" src="' + emoji.url + '">');
         }
 
         const div = document.createElement("div");