diff --git a/snippets/border-with-top-triangle.md b/snippets/border-with-top-triangle.md
index 19006b467..a19defbd4 100644
--- a/snippets/border-with-top-triangle.md
+++ b/snippets/border-with-top-triangle.md
@@ -5,8 +5,6 @@ tags: visual,beginner
 
 Creates a text container with a triangle at the top.
 
-#### HTML
-
 ```html
 <div class="container">
   Border with top triangle
diff --git a/snippets/clearfix.md b/snippets/clearfix.md
index 229df27df..010f9a736 100644
--- a/snippets/clearfix.md
+++ b/snippets/clearfix.md
@@ -5,8 +5,6 @@ tags: layout
 
 Ensures that an element self-clears its children.
 
-###### Note: This is only useful if you are still using float to build layouts. Please consider using a modern approach with flexbox layout or grid layout.
-
 ```html
 <div class="clearfix">
   <div class="floated">float a</div>
@@ -33,6 +31,8 @@ Ensures that an element self-clears its children.
 2. `content: ''` allows the pseudo-element to affect layout.
 3. `clear: both` indicates that the left, right or both sides of the element cannot be adjacent to earlier floated elements within the same block formatting context.
 
+_Note: This is only useful if you are still using `float` to build layouts. Please consider using a modern approach with flexbox layout or grid layout._
+
 #### Browser support
 
 <span class="snippet__support-note">⚠️ For this snippet to work properly you need to ensure that there are no non-floating children in the container and that there are no tall floats before the clearfixed container but in the same formatting context (e.g. floated columns).</span>