Question

How can I get border-right on my first .section div to be the same height as the other section divs, so that when a user inputs more content, they both stay the same height.

To help illustrate this, I’ve created a picture and Jsfiddle to help you understand what I mean.

I’ve tried messing around with static heights, and min-height with no success as to what I want to accomplish.

Is there any better way of doing this besides the way I am currently doing it within jsfiddle? Any help is greatly appreciated.

Answer 1

For the sections.. rather than display: inline-block; use display: table-cell;

Updated fiddle

• May not function properly with older version of Internet Explorer.