CODEWITHSUNDEEP
htmlcssheightborder
Romes
Romes

Reputation: 3118

CSS height and border right issues

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.

enter image description here

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.

Upvotes: 1

Views: 761

Answers (1)

Scott
Scott

Reputation: 21882

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

Updated fiddle

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

Upvotes: 3

Related Questions