Forums

msguerra74

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!

jurotek

You would have your divs left and right display as inline-block
http://codepen.io/anon/full/oaqhc

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

jurotek

@Paulie
I see, haven't thought about it that way.
Could this also be done with span tag and just use H2 and assign smaller text to span?

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.

msguerra74

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!

treehouse : what would you like to learn today?

Forums

Vertical Alignment Question w/ CodePen example