Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

vertical-align: middle without using display: inline-block

vertical-align: middle without using display: inline-block

Problem

I am trying to make the text appear as shown in the attached image. Please take a look here for what I have done so far (code included): http://jsfiddle.net/FLb6K/1/

enter image description hereThe reason I can't use display: inline-block is because I want to the have the ability to change the position of the elements easily from the CSS without touching the HMTL using float.

For example, the image above, there are two

s: one has an image and one has text. Using CSS float I can make the image appear on the left by just adding float: left
Problem courtesy of: user2756554

Solution

enter image description here

Used below code:

text
Solution courtesy of: Mahavir

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

vertical-align: middle without using display: inline-block

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×