If you’ve ever added content to Elementor’s Text Editor widget and wondered why your line breaks look like crap—congrats, you’re not alone.

By default, Elementor treats <br> tags like an afterthought. It doesn’t give you clean spacing between lines, especially when you’re formatting content manually (like in blog posts, FAQs, or long-form text blocks). And if you’re someone who uses Shift+Enter for single line breaks or double line breaks to create clear paragraphs… Elementor makes it all look like a jumbled mess.

The Problem: Bad Line Spacing in Elementor Text Editor

When you hit Enter once (or use <br> in code), Elementor doesn’t give you the breathing room you expect between lines. Double line breaks? Even worse—still barely any spacing, and certainly not enough to visually separate paragraphs.

To make things worse, sometimes the <br> tags just vanish altogether—especially if you’re editing in HTML view. Don’t take my word for it—this Reddit thread from r/elementor shows someone running into the exact same issue, with <br> tags literally getting removed every time they make a change.

It makes everything feel cramped, messy, and unprofessional.

The Fix: Use Custom CSS to Force Proper Line Break Spacing

Drop this into your Customizer, child theme CSS, or Elementor’s Site Settings > Custom CSS area:

/* Normal line breaks */
.elementor-widget-text-editor br {
  display: block;
  margin-bottom: 0.5em;
}

/* Add extra spacing between two consecutive line breaks */
.elementor-widget-text-editor br + br {
  margin-bottom: 1.5em;
}

What This Does

  • It makes every <br> behave more like a soft return by giving it 0.5em of margin below.
  • If you use two line breaks in a row (aka, you press Enter twice or add two <br> tags), the second one will add 1.5em of spacing—essentially creating a clean visual paragraph break.

Why This Matters

✅ No more hacked-together <p> and <br> mixes

✅ No need to rely on Elementor’s often-weird spacing behavior

✅ Gives you control over how your text looks—finally


Want the same clean fix for WooCommerce Product Content blocks in Elementor? Check out Part 2: Fix WooCommerce Product Content Spacing in Elementor (coming soon).