Back to CSS Tips
Preview: what the working site looks like.

CSS vertical-align property, consetetur sadipscing elitr, loader sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

The markup
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>    
    <div id="container">
        <p>
        	<a href="http://www.w3schools.com/cssref/pr_pos_vertical-align.asp">CSS vertical-align property</a>, 
			consetetur sadipscing elitr, <img src="loader.gif" width="120" height="70" alt="loader" />        
            sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 
        </p>
    <!--container--></div>  
</body>
</html>
        
The CSS
html, body {
	margin: 0;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #fc6;
}
#container {
	width: 600px;
	margin: 30px auto;
	padding: 25px;
	background: #fff;
}
#container p img {vertical-align: text-bottom;}