Search the Community

I am trying to adapt my CSS to be correct, so doing a little revision - but I have a problem where I can't get the vertical-align to work. For reference to what I'm failing to do and what I'm aiming to do: New page - http://zagadka.net/test.blah.php Old page - http://zagadka.net/test2.blah.php I've got it well within acceptable deviation (and more responsible use of CSS) - except for the text align of the title on the upper right. On the old page it was absolute, and so was the line, so the "mmxiv з а г а д к а" bit lined up perfectly. I got the mmxiv lined up with vertical-algin: sub;, but the title text just refuses to budge down, even using bottom and negative %. I figure that I am confusing or leaving out something regarding alignment. The relevant code: .min_eye{ float: left;}.min_title{ padding-right: 10px; border-bottom: 2px solid #152434; height: 56px;}.year{ color: #ADADAD; font-size: 24px; vertical-align: bottom;}.zagadka{ font-size: 48px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; vertical-align: text-bottom;} <div class="min_eye"> <img src="http://zagadka.net/images/subpage_upper_left_eye.png" alt="I'm watching you"></div><div class="min_title" align="right"> <font class="year">mmxiv</font> <a href="http://zagadka.net/index.php"><font class="zagadka">з а г а д к а</font></a></div> So how do I get the class .zagadka to align to the bottom as it does in the old page? Thanks in advance!

What is the best way to acheive a responsive vertical centered position of an element within an element (e.g. a div within a div)? I know this would probably be a lot easier to accomplish using JavaScript, but I want to know of the best ways to do it with CSS first.Any help would be appreciated.

how to align text in the middle????????? same as the image shown...........thanks