How to move a CSS class below another? [closed]


Tags: css,css-position

Problem :

On http://www.csszengarden.com/ how can I move classes (which contain headings and paragraphs) around?

The current order is:

  • explanation
  • participation
  • benefits
  • requirements

I want:

  • participation
  • benefits
  • explanation
  • requirements

It should keep the structure with any screen resolution, as it does now.



Solution :

I don't think there's any way to do it other than using position: absolute and manually placing it on the page.

That may be pretty impractical, depending on what you're trying to do.

It's totally doable with Javascript but that's not what you're asking.


    CSS Howto..

    How Can i Make a column to fill all the way to the sides in bootstrap

    How do I modify a css element with Jquery after appended with Jquery to a div?

    How to add an icon to bottom right of textareas via CSS?

    How to input block of text next to Font Awesome icon in CSS?

    MeteorJs: how to add multiple js and css file based on templates.?

    How to change the color of numbers in ordered list without using counter in css? [duplicate]

    How to implement ::ms-clear in CSS?

    CSS puzzle: How to add background-image and set height/width on empty span?

    list-style-type no showing

    How to display sub menu horizontally?

    How to handle cq component with same html structure and different css?

    How to apply custom css to split post into multiple page

    How to align images in a mosaic style? html/css

    How can I use CSS to show and hide multiple elements at once?

    Extra margin showing below element?

    How to reverse this CSS spin animation

    How do I hide the li's that don't fit on a single line?

    How to change HTML markup structure using javascript or CSS?

    How to have an unlimited amount of divs shown next to each other

    pure css horizontal accordion: how to have panel open on load

    How to display a div over other containts of an html page?

    gwt - How to CSS reset a GWT app?

    How to size a content div to cover the entire content area in jQuery Mobile

    How to add “pause” button in this jquery slider?

    How do I fix Zurb Foundation dropdown issue on mobile devices?

    How to reposition my jQuery popup?

    How to position main content below header and footer in css

    How to change CSS in Magento

    How to create circle, square or triangle with JavaScript in HTML?

    jQuery — how to animate a div using height:auto