There are three tried methods
1. PVII Equal Height CSS Columns
3. Using tables
The following example shows the last method. (please excuse the roughness, I did not want to complicate the example with padding's etc.)
<!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><style>
body { width: 960px; margin: auto;
}
.parent { display: table; width: 100%;
}
.child { display: table-cell; width: 33.3%;
}</style></head><body><div class="parent"> <div class="child" style="background: gray"> <h2>first child</h2> <p>In reprehenderit in voluptate excepteur sint occaecat ut enim ad minim veniam. Ut labore et dolore magna aliqua. Cupidatat non proident, lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt. Quis nostrud exercitation ut aliquip ex ea commodo consequat.</p></div> <div class="child" style="background: yellow"> <h2>second child</h2> <p>Qui ratione voluptatem sequi nesciunt. Velit esse quam nihil molestiae consequatur, praesentium voluptatum deleniti consectetur, adipisci velit. Excepturi sint occaecati cupiditate non provident, et quasi architecto beatae vitae aut odit aut fugit. Sed quia non numquam eius modi ut enim ad minima veniam, atque corrupti quos dolores et quas molestias.</p> <p>Iste natus error sit voluptatem neque porro quisquam est, omnis voluptas assumenda est. Qui ratione voluptatem sequi nesciunt. Id est laborum et dolorum fuga. Qui dolorem ipsum quia dolor sit amet, tempora incidunt ut labore et dolore velit esse quam nihil molestiae consequatur.</p> </div> <div class="child" style="background: gray"> <h2>third child</h2> <p>As knowledge is fragmented into specialities the balanced scorecard, like the executive dashboard, is an essential tool combined with optimal use of human resources. Empowerment of all personnel, not just key operatives, from binary cause and effect to complex patterns, the components and priorities for the change program. Through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard. Working through a top-down, bottom-up approach, exploiting the productive lifecycle an important ingredient of business process reengineering. To experience a profound paradigm shift, motivating participants and capturing their expectations, maximization of shareholder wealth through separation of ownership from management.</p> </div></div></body></html>
