Make children divs the height of tallest child

by

One solution is to change the display value from inline-block to table-cell for the descendant div.item elements:

.row {
    border: 1px solid red;
    display: table;
    border-spacing: 20px; /* For controlling spacing between cells... */
}
.item {
    background: rgba(0,0,0,0.1);
    display: table-cell;
}

Example

More Related Contents:

  1. difference between div and span in simple language [duplicate]
  2. Adding a styled CSS button
  3. How can I make Bootstrap columns all the same height?
  4. How to identify unused CSS definitions from multiple CSS files in a project
  5. How does the CSS Block Formatting Context work?
  6. CSS3 gradient background set on body doesn’t stretch but instead repeats?
  7. Any recommendations for a CSS minifier? [closed]
  8. :first-child not working as expected
  9. Is the viewport meta tag really necessary?
  10. How to create color shades using CSS variables similar to darken() of Sass?
  11. How to change flexbox wrap?
  12. Styling Google Maps InfoWindow
  13. Ordering of vendor-specific CSS declarations
  14. Using CSS transitions in CSS Grid Layout
  15. How to import fonts in CSS?
  16. Have a variable in images path in Sass?
  17. CSS: Using raw svg in the URL parameter of a background-image in IE
  18. How to position a div in the middle of the screen when the page is bigger than the screen
  19. iPhone Web App – Stop body scrolling
  20. How do I remove blue “selected” outline on buttons?
  21. Changing :hover to touch/click for mobile devices
  22. How to create an irregular square shape in css?
  23. How to make Google Fonts work in IE?
  24. Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
  25. CSS: How to align vertically a “label” and “input” inside a “div”?
  26. LESS mixin a variable class name
  27. Media Query grouping instead of multiple scattered media queries that match
  28. CSS Floating Divs with different height are aligned with space between them
  29. Dynamically updating css in Angular 2
  30. How to specify table’s height such that a vertical scroll bar appears?

Leave a Comment