diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 87079d270e2..d0177570447 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -1,3 +1,4 @@
+@charset "utf-8";
 /*       THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
  *
  * css for editor buttons, openerp widget included in the website and other
@@ -383,6 +384,10 @@ ul.nav-stacked > li > a {
   padding-bottom: 16px;
 }
 
+.hr {
+  padding: 4px 0;
+}
+
 /* Parallax Theme */
 div.carousel .carousel-indicators li {
   border: 1px solid grey;
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 73aa4f77737..e1b6975c3bf 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -314,6 +314,9 @@ ul.nav-stacked > li > a
 .quotecarousel
     padding-bottom: 16px
 
+.hr
+    padding: 4px 0
+
 /* Parallax Theme */
 
 div.carousel
diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 5983dedae33..f7005474038 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -942,6 +942,11 @@
         data-selector-children=".content">
     </div>
 
+    <div data-snippet-option-id='separator'
+        data-selector="hr"
+        data-selector-children=".oe_structure, [data-oe-type=html]">
+    </div>
+
     <div data-snippet-option-id='parallax'
         data-selector=".parallax">
         <li class="dropdown-submenu">