jayaraman

Easiest way would be to use the float property:
http://www.tizag.com/cssT/float.php
 
Here's a quick and dirty example:
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> h1 { float:left; margin-right:20px; } </style> </head> <body> <h1>Header</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel tellus nulla, sed commodo tortor. Aliquam ac tortor sed turpis imperdiet dictum ut quis ante. Aenean arcu ante, condimentum ac fringilla sit amet, adipiscing eget est. In hac habitasse platea dictumst. Etiam ipsum massa, iaculis ut faucibus sed, interdum bibendum est. Vivamus imperdiet luctus tellus at malesuada. Vestibulum ac mollis sem. Nulla ipsum nisi, rutrum ut facilisis elementum, ornare vitae elit. Pellentesque rhoncus, nisi nec dictum suscipit, lectus nunc interdum nulla, non elementum nibh magna ultricies quam. Mauris ullamcorper, felis vel pretium lacinia, ante magna mollis magna, in porttitor ligula mauris ut tortor. Aliquam quis arcu eu lectus accumsan ultricies. Vestibulum purus est, pellentesque at mollis vel, accumsan non erat. Nam eget magna ligula, at iaculis mauris. Suspendisse condimentum vehicula commodo. Fusce eget semper ligula.</p> </body> </html>

u forgot to add margin and padding values for ur h1
 
h1 {
font-family: helvetica;
margin: 0;
padding: 0;
}
 
think this will work

From the image its not clear what exactly you want. but if you want to align the image with bottom line then you can simply set use the following styles for the image
 
position:relative;
bottom:-40px;

That would be Danube, free to download here:
 
http://www.dafont.com/danube.font