How to make borders collapse (on a div)?

by

Use simple negative margin rather than using display table.

Updated in fiddle
JS Fiddle

.container { 
    border-style: solid;
    border-color: red;
    border-width: 1px 0 0 1px;
    display: inline-block;
}
.column { 
    float: left; overflow: hidden; 
}
.cell { 
    border: 1px solid red; width: 120px; height: 20px; 
    margin:-1px 0 0 -1px;
}
.clearfix {
    clear:both;
}

More Related Contents:

  1. How to make attractive button using CSS
  2. Center multiple images horizontally in CSS
  3. How do you easily horizontally center a using CSS? [duplicate]
  4. Select every Nth element in CSS
  5. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  6. Footer at bottom of page or content, whichever is lower
  7. Is there a way to make a child DIV’s width wider than the parent DIV using CSS?
  8. Can I position an element fixed relative to parent? [duplicate]
  9. Bootstrap with different order on mobile version
  10. CSS selector to select first element of a given class
  11. 3D CSS transform, jagged edges in Firefox
  12. Change the order of col-*-12 columns in Bootstrap using push/pull
  13. How does object-fit work with canvas element?
  14. width:auto for fields
  15. CSS: styled a checkbox to look like a button, is there a hover?
  16. Animated cursor support in web applications?
  17. Bootstrap Center Navbar Items
  18. -webkit-margin adds unwanted margin on texts
  19. How to align nav items to the right in Bootstrap 5?
  20. Icon fonts not loading in IE11
  21. Center Oversized Image in Div
  22. What is the value of the css ‘ex’ unit?
  23. How to Identify Microsoft Edge browser via CSS?
  24. Print Background colours in Chrome
  25. CSS Equivalent of the “if” statement
  26. Switching CSS classes based on screen size
  27. CSS3 3D Transform doesn’t work on IE11
  28. How to select all elements whose ID starts and ends with specific strings?
  29. Is a CSS property starting with a hash (#) valid?
  30. First-child full-width in Flexbox

Leave a Comment