how to display tabs in more than one row having the extra tabs coming one row up rather than one row below?


Tags: css

Problem :

When there are more tabs in a row when it cant be displayed in a single row , I want he new tabs to be displayed in the row above than row below. For example, here comments is coming one row down the line , I want comments to appear on the row above other tabs.

Please help me how to do it in css.

Thanks



Solution :

Take a look at flex-wrap:wrap-reverse in this jsfiddle http://jsfiddle.net/gothic/Nf8PR/


    CSS Howto..

    How to use animation with transform CSS

    How do I position a Silverlight Control

    How to make a wrapper for HTML, CSS and Javascript Pages in iOS

    How to add text to different parts of chart made from css, html, and javascript?

    Two sprites on same position: how to make this happen?

    Thymeleaf: how to use conditionals to add/remove dynamically a CSS class

    how to make the 1st row and first 5 column fixed in css

    How to animate through stacked images Javascript

    How to change background Image sizing

    How to use a CSS :first-letter pseudo-element in a
    paragraph

    How would I make this CSS / jQuery dropdown menu multilevel?

    How to format f.submit with css, glyphicons, and symbol?

    CSS: How to center text vertically and horizontally over an image

    How do I make part of a style element a function? (IE: color:$random instead of color:red)

    How can I make images fit into a 200 pixel square box using CSS?

    How to load CSS in Django templates?

    How to style a outgoing email from contact form with CSS

    How to get rid of space between buttons and content/paragraph? (CSS)

    How to dynamically change the line height of each line in content editable div in php jquery?

    Blueprint CSS - Link showing both URL and text

    How to position multiple elements on one line, if they are in an absolute element?

    How to put textarea in div with CSS

    How to make a simple contact form input box responsive

    how can i get these buttons side by side in the top right corner?

    How To Display only First Word of H2 Heading With JavaScript or CSS

    How to add custom CSS for displaying on mobile screens in WordPress?

    How to apply CSS width to a submit input on Firefox?

    How to create one UL menu similar to another

    How to remove border-bottom of last div in a group - CSS

    How to apply CSS only to numbers in paragraph? (without )