Rich Text auto inserts line breaks?

Hey ya’ll, wondering why on earth this:

Screenshot 2020-01-06 12.42.25

is becoming this mess of unintended line breaks:

Screenshot 2020-01-06 12.42.47

Does Rich Text auto-insert line breaks?

Thanks!

Here is my site Read-Only: https://preview.webflow.com/preview/ncn?utm_medium=preview_link&utm_source=designer&utm_content=ncn&preview=e08beb481c7dffd5a20481a8b5c1cfed&mode=preview
(how to share your site Read-Only link)

Hey @threehex,

I think the main issue you’re having is that in your Style Guide, you didn’t style a Rich Text block (or if you did it got deleted but the classes were modified).

Right now, within rich text elements, all links are set as display: block. I believe if you change the styling to display: inline, that this should solve your issue. Because they are display: block, everything is stacking on top of each other.

Let me know if this makes sense!

Just to add, you may need to create two different Style classes of Rich Text elements if you’re wanting some links to stack vertically and other to stay inline (i.e. article headings vs inline links). Then you just apply the appropriate class to that rich text CMS item.

1 Like

Also, make sure to select “when nested inside of “moreblock” class” otherwise it will apply to every link across your site, which could be bad.

Boom. Thanks so much.

1 Like