diff --git a/html.ts b/html.ts
index 39602e2..c5a7818 100644
--- a/html.ts
+++ b/html.ts
@@ -53,7 +53,7 @@ export async function articleHtml(
     <main>
       <header>
         ${draftLabel}
-        <h1>${article.title}</h1>
+        <h1>${titleHtml(article.title)}</h1>
         <div class="meta">
           <img class="avatar" src="${profile.picture}" alt="User Avatar" />
           <div class="content">
@@ -77,12 +77,16 @@ export async function articleHtml(
   return htmlLayout({ title: pageTitle, body, metaHtml });
 }
 
+function titleHtml(title: string) {
+  return title.replace(/`([^`]+)`/g, "<code>$1</code>");
+}
+
 function articleListItemHtml(article: Article): string {
   const formattedDate = localizeDate(article.publishedAt);
 
   return `
     <div class="item">
-      <h3><a href="/${article.naddr}">${article.title}</a></h3>
+      <h3><a href="/${article.naddr}">${titleHtml(article.title)}</a></h3>
       <p class="meta">
         ${formattedDate}
       </p>