Streaming live at 10am (PST)

How to fix spacing between tabs on exported site

Hi everyone, I’ve created these tabs that works fine when published but when the code is exported and viewed in any browser again, they break apart like this:

The blue-grey div has the following parameters:
Display: Block
Top/Bottom Padding: 15px
Text Align: Center
Position: Auto

Left and Right tabs has the following parameters:
Display: Inline-Block
Top/Bottom Padding: 15px
Width: 200px
Text Align: Center
Border: 2px

Any ideas why this would happen?


Here is my public share link: https://preview.webflow.com/preview/productslider?preview=b9042c46a2cce9920a85ede6a0538584

Hi @steynv, this looks like an inline-block with float off issue, which is a common issue for exported sites.

See this article for more info: http://help.webflow.com/article/how-to-troubleshoot-whitespace-spacing-issues-on-published-or-exported-sites

I hope this helps, if not, let me know and I am happy to check further.

Yes, perfect! I used the negative margin suggestion.

Thanks for the super fast response! :grinning:

Steyn

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.