diff --git a/layouts/partials/custom-header.html b/layouts/partials/custom-header.html
index 433920d..8089592 100644
--- a/layouts/partials/custom-header.html
+++ b/layouts/partials/custom-header.html
@@ -1 +1,16 @@
   <script async defer data-website-id="352216d2-431a-4da4-854c-0542e83eec1e" src="https://pythagore.p0m.fr/pythagore.js"></script>
+  <style>
+    .tag {
+        background-color: lightgray;
+        border-radius: 25px;
+        display: inline-block;
+        padding: 0 5px;
+        font-size: 90%;
+    }
+    .tag:hover {
+        background-color: darkgray;
+    }
+    .tag::before {
+        content: "#";
+    }
+  </style>
diff --git a/layouts/shortcodes/tag.html b/layouts/shortcodes/tag.html
new file mode 100644
index 0000000..46a0154
--- /dev/null
+++ b/layouts/shortcodes/tag.html
@@ -0,0 +1,2 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="tag {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}>{{ .Inner }}</div>