diff --git a/app/javascript/template_builder/dynamic_editor.js b/app/javascript/template_builder/dynamic_editor.js
index cbde15874..f4b7f1cf1 100644
--- a/app/javascript/template_builder/dynamic_editor.js
+++ b/app/javascript/template_builder/dynamic_editor.js
@@ -491,6 +491,23 @@ const SpanMark = Mark.create({
   }
 })
 
+const LayoutSpanMark = SpanMark.extend({
+  name: 'layoutSpan',
+  parseHTML () {
+    return [{
+      tag: 'span',
+      priority: 55,
+      getAttrs (dom) {
+        if (['left', 'right'].includes(dom.style.float) || dom.style.display === 'inline-block') {
+          return collectSpanDomAttrs(dom)
+        }
+
+        return false
+      }
+    }]
+  }
+})
+
 const LinkMark = Mark.create({
   name: 'link',
   excludes: '',
@@ -790,6 +807,7 @@ export function buildEditor ({ dynamicAreaProps, attachmentsIndex, renderHtmlFor
       ColNode,
       DynamicImageNode,
       EmptySpanNode,
+      LayoutSpanMark,
       LinkMark,
       SpanMark,
       CustomBold,