Align images to the left
You WILL go left and you WILL like it.
Need your images on the left? No problem. Here is how to do it and have it look fabulous.
Align images to the right
Float right image. Now. I command thee.
Need your image to go to the right of your text and stay there like a good little image?
Align images to the center (horizontal)
Go to the middle and stay there. No whining.
Need your image to stay in the middle of an area? There actually isn't a "center" command to do so in CSS, but it can easily happen.
Align images to the center (vertical)
Need you in the middle. No excuses.
Text aligned to middle of image.
How to make your text line up to the middle of an image using CSS, useful for small button images and such.
Align to the top
Text, line up to the top already.
Text aligned to top of image.
Aligning text to the top of an image using "vertical-align:top;".
Align to the bottom
Swing low sweet text. To the bottom with you.
Text aligned to bottom of image.
Make your text align with the bottom of an image using the CSS style "vertical-align:baseline;".
© Patrick Sexton | Privacy policy