Stack Overflow Example: 3 side-by-side DIV elements with matching heights.

Align 3 divs on a single row, with matching heights.

by sridhar reddy

HTML

<div id="row">
  <div id="first">first</div>
  <div id="second">second<br><br></div>
  <div id="third">third</div>
</div>

CSS

.row {
  width: 100%;
  height: 150px;
}
.row div {
  width: 300px;
  text-align: center;
  height: 150px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}