How do you float elements without a vertical gap?

by

If there will always be two columns and the content is always in the left or right column, you can use float right on the 2nd column and that would resolve the issue.

.container > .content-box:nth-child(odd) {float:left}
.container > .content-box:nth-child(even) {float:right}

In the future, CSS Flexbox will resolve this issue; however, it isn’t well supported as of yet.

More Related Contents:

  1. Preserve browser window aspect ratio while shrinking [closed]
  2. Change from (+) symbol to (-) after click (function(){
  3. How can i create html automatic change page? [duplicate]
  4. How to get an HTML element’s style values in javascript?
  5. Change :hover CSS properties with JavaScript
  6. Changing element style attribute dynamically using JavaScript
  7. How to get browser width using JavaScript code?
  8. How can you figure out the highest z-index in your document?
  9. How to ensure a form field is submitted when it is disabled?
  10. Ignore mouse interaction on overlay image
  11. Disable dragging an image from an HTML page
  12. HTML table with fixed headers and a fixed column? [closed]
  13. how to change the background image of div using javascript?
  14. Use a new CSS file to override current website’s
  15. HTML Alignment Issue in one machine only (both IE8)
  16. Removing page title and date when printing web page (with CSS?)
  17. In Javascript, how do I “clear” the back (history -1)?
  18. Show a second dropdown based on previous dropdown selection
  19. How can I change the font (family) for the labels in Chart.JS?
  20. Setting minimum size limit for a window minimization of browser?
  21. make canvas as wide and as high as parent
  22. I want to show list items as 2 or more columns (dynamic alignment)
  23. How to create dashed circles with uniform spacing?
  24. How do I make a move up and down when I’m scrolling the page?
  25. Hide div element when screen size is smaller than a specific size
  26. Convert dropdown to selection boxes with color and trigger drop down action
  27. Wrapping lists into columns
  28. HTML5 input required, scroll to input with fixed navbar on submit
  29. Possible to reverse a css animation on class removal?
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment