float / align left
Need your images on the left? No problem… Here is how to do it and have it look fabulous.
left { float: left; margin: 5px; }
center align
Need your image to stay in the middle of an area?
center { display: block; margin-left: auto; margin-right: auto; }
float / align right
Need your images on the right? No problem… Here is how to do it and have it look great.
right { float: right; margin: 5px; }
center text (vertical)
Text in middle of image.
Make your text line up to the middle of an image.
middle { vertical-align:middle; margin: 5px; }
Align to bottom
Text to bottom.
Make your text align with the bottom of an image.
bottom { vertical-align:baseline; }