diff --git a/files/en-us/web/css/layout_cookbook/breadcrumb_navigation/index.md b/files/en-us/web/css/layout_cookbook/breadcrumb_navigation/index.md
index af0e309ac0e7df0..e66e4e7357cb1d4 100644
--- a/files/en-us/web/css/layout_cookbook/breadcrumb_navigation/index.md
+++ b/files/en-us/web/css/layout_cookbook/breadcrumb_navigation/index.md
@@ -20,13 +20,13 @@ Click "Play" in the code blocks below to edit the example in the MDN Playground:
 
 ```html live-sample___breadcrumb-example
 <nav aria-label="Breadcrumb" class="breadcrumb">
-  <ul>
+  <ol>
     <li><a href="#">Home</a></li>
     <li><a href="#">Category</a></li>
     <li><a href="#">Sub Category</a></li>
     <li><a href="#">Type</a></li>
     <li><span aria-current="page">Product</span></li>
-  </ul>
+  </ol>
 </nav>
 ```