Vertical Alignment Question w/ CodePen example

[Anonymous]

In the following example, what is the correct way to make the bottom of the “#left H2 tag” vertically align with the bottom of the “#right h3 tag” without touching the #left and #right in the CSS? In other words, what would I need to add to the H2 and H3 CSS to accomplish this?

http://codepen.io/msguerra74/pen/rgzbi

Thanks!

[Paulie_D]

You would have to tweak the font-sizes, line heights and padding but it can be done.

http://codepen.io/Paulie-D/pen/BaxIz

[Paulie_D]

You could, I suppose. If you have a reason for it…why not!?

[joshuanhibbert]

I would also recommend using inline-block as suggested by @jurotek.

[Anonymous]

Thanks for the suggestions! I was playing with it by adding padding and stuff, but it seemed kind of messy to do it that way, so I was wanting a nice clean way of doing it. There are some more issues with it that I’m not sure about, but this gives me a good start. Thanks again!

[Author]

Posts