How to fix spacing between tabs on exported site

Design help General
1

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

2

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.

3

Yes, perfect! I used the negative margin suggestion.

Thanks for the super fast response! :grinning:

Steyn