diff --git a/docs/content/typography.md b/docs/content/typography.md
index bc2a85c63e4b5c7d3699ec1063a5127203db071a..d8cd4b010b5aaedc471c53e62528d8fbea945324 100644
--- a/docs/content/typography.md
+++ b/docs/content/typography.md
@@ -209,9 +209,9 @@ Place all list items on a single line with `display: inline-block;` and some lig
 
 {% example html %}
 <ul class="list-inline">
-  <li>Lorem ipsum</li>
-  <li>Phasellus iaculis</li>
-  <li>Nulla volutpat</li>
+  <li class="list-inline-item">Lorem ipsum</li>
+  <li class="list-inline-item">Phasellus iaculis</li>
+  <li class="list-inline-item">Nulla volutpat</li>
 </ul>
 {% endexample %}