diff --git a/crates/typst-html/src/convert.rs b/crates/typst-html/src/convert.rs
index 49995e0aa..171b4cb7e 100644
--- a/crates/typst-html/src/convert.rs
+++ b/crates/typst-html/src/convert.rs
@@ -86,7 +86,12 @@ fn handle(
} else if child.is::() {
output.push(HtmlNode::text(' ', child.span()));
} else if let Some(elem) = child.to_packed::() {
- output.push(HtmlNode::text(elem.text.clone(), elem.span()));
+ let text = if let Some(case) = styles.get(TextElem::case) {
+ case.apply(&elem.text).into()
+ } else {
+ elem.text.clone()
+ };
+ output.push(HtmlNode::text(text, elem.span()));
} else if let Some(elem) = child.to_packed::() {
output.push(HtmlElement::new(tag::br).spanned(elem.span()).into());
} else if let Some(elem) = child.to_packed::() {
diff --git a/tests/ref/html/cases-content-html.html b/tests/ref/html/cases-content-html.html
new file mode 100644
index 000000000..0890f061a
--- /dev/null
+++ b/tests/ref/html/cases-content-html.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+ my lower a
MY UPPER A
+
+
diff --git a/tests/suite/text/case.typ b/tests/suite/text/case.typ
index 964ff28b6..c045ce7a6 100644
--- a/tests/suite/text/case.typ
+++ b/tests/suite/text/case.typ
@@ -14,6 +14,10 @@
// Check that cases are applied to symbols nested in content
#lower($H I !$.body)
+--- cases-content-html html ---
+#lower[MY #html.strong[Lower] #symbol("A")] \
+#upper[my #html.strong[Upper] #symbol("a")] \
+
--- upper-bad-type ---
// Error: 8-9 expected string or content, found integer
#upper(1)