Search code examples
jquerycssjquery-uitabsjquery-tabs

How to give space between each tab in the navigation using Jquery and CSS

This is what I have http://jsbin.com/ipipu3/86/edit

I would like to have a space between each tab.

When I am trying to add Icons before the tab texts it works fine but when I give some padding it looks ugly.

Any help will be appreciated!

Solution

  • I see the answer was provided above in a comment, but I don't think any "Answer" was provided with actual code demonstrating the concept. I'm using 15px as an exaggerated example.

    $( "#tabs ul li").css({'margin-right':'15px'});

    Demo: http://jsbin.com/ipipu3/89/edit