Maybe someone can help me, I am too tired at this moment to try and logically figure this out, I am trying to create a 2 colum layout that have headers and are both the same height regardless of the content streching one of them further than the other. I can't make them a fixed height as then, I run into overflow problems. Another thing is that they have a div the first one that acts as like a header div, here is an illustration of what I mean.
In the attached image, I explain two things, the two columns are flush with the sides of the container div, they are 1px dotted on all sides, they have a spacing between them of lets say 15px-20px. The first div has a title div called "section Title" that text should be aligned left and should hover in the middle of the div, so "line-height" might be useful here.
Again, thank for all who an help.
EDIT: Removed Image