Aligning text question

[sbanks]

Hello!

I’m trying to write a bit of CSS and while I know a fair bit now (not a total beginner) there’s still a lot I don’t know and I hoped I could get some help on a (hopefully!) simple question.

Basically – I have the text “Best NEW price: £12.00” (as an example) where the “£12” is in a bigger font. What I want is for it all to be aligned centrally along the line, but instead it’s all at the bottom of the line – what I want is for the “Best NEW price:” bit to be raised up a bit so its center is the same as the center of the “£12”.

Here’s what I have so far: http://jsfiddle.net/hWXcJ/1/

What’s the best way in CSS to ensure the center of all the text is on the same line?

[joshuanhibbert]

I’d love to have a look but jsFiddle is currently down. I am guessing that using line-height will fix the problem though.

[Johann]

I couldn’t get line-height to do anything.. this will look bad with multipline lines of text, but hey:

http://jsfiddle.net/XBCux/

[sbanks]

Thanks for that! That’s really helped! I’m still getting to grips with CSS and it’s little things like that that I can spend hours on trying to figure out! Also, when I have managed to get a solution it’s probably not the best way, so it’s really helpful to hear how more experienced designers do it.

[Author]

Posts