diff --git a/_sass/content.scss b/_sass/content.scss
index 7156eb95a72ca16d3f6b7e2543f6b499eb94024d..d430aaf8142f541019df30028ddf3c5ee8daeb14 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -219,7 +219,7 @@
       margin-top: 1em;
     }
 
-    + p {
+    + p:not(.label) {
       margin-top: 0;
     }
   }
diff --git a/docs/index-test.md b/docs/index-test.md
index b4eca9ddce66c324a21e3915d4c6fffaa3cd73b6..73b208b852fe6f6c944b0ad131a53899eeeb2618 100644
--- a/docs/index-test.md
+++ b/docs/index-test.md
@@ -186,6 +186,29 @@ Some text
 
 "[Wroclaw University Library digitizing rare archival texts](https://www.flickr.com/photos/97810305@N08/9401451269)" by [j_cadmus](https://www.flickr.com/photos/97810305@N08) is marked with [CC BY 2.0](https://creativecommons.org/licenses/by/2.0/?ref=openverse).
 
+### Labels
+
+I'm a label
+{: .label }
+
+blue
+{: .label .label-blue }
+green
+{: .label .label-green }
+purple
+{: .label .label-purple }
+yellow
+{: .label .label-yellow }
+red
+{: .label .label-red }
+
+**bold**
+{: .label }
+*italic*
+{: .label }
+***bold + italic***
+{: .label }
+
 ### Definition lists can be used with HTML syntax.
 
 <dl>