I want to show list items as 2 or more columns (dynamic alignment)

by

For this, you can use the column-count property:

div#multicolumn1 {
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 3;
    column-gap: 50%;
}

Check this jsFiddle.

Note: It does not work in IE.

For IE, you can use this JavaScript: CSS3 – Multi Column Layout Demonstration

More Related Contents:

  1. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  2. How to change the colour of a scrollbar on a web page? [closed]
  3. How to have html popup appear over main html page?
  4. Write tags in HTML and print
  5. Change from (+) symbol to (-) after click (function(){
  6. How can i create html automatic change page? [duplicate]
  7. How to disable HTML links
  8. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  9. Refresh/reload the content in Div using jquery/ajax
  10. Animate element to auto height with jQuery
  11. How to style “input file” with CSS3 / Javascript? [duplicate]
  12. How to get nth-child selector to skip hidden divs [duplicate]
  13. How to auto-scroll to end of div when data is added? [duplicate]
  14. Ignore mouse interaction on overlay image
  15. Disable dragging an image from an HTML page
  16. Use a new CSS file to override current website’s
  17. How to keep the menu state on page reload
  18. How can I change the font (family) for the labels in Chart.JS?
  19. Unusual shape of a textarea?
  20. How do I make a move up and down when I’m scrolling the page?
  21. How to show live preview in a small popup of linked page on mouse over on link?
  22. Fade background image in and out with jQuery?
  23. How do I detect the inherited background-color of an element using jQuery/JS?
  24. Convert dropdown to selection boxes with color and trigger drop down action
  25. Placeholder for contenteditable div
  26. How to keep elements non-refreshed
  27. How do you swap DIVs on mouseover (jQuery)?
  28. Center an Image vertically and horizontally using CSS
  29. Change background on button click, using CSS only? [duplicate]
  30. Jquery/Javascript Opacity animation with scroll

Leave a Comment