如何將圖像與名稱對齊？

請參閱下面的代碼我有。我試圖將名稱與圖像的名稱集中在圖像的右側。我沒有能夠正確地做到這一點。我嘗試添加位置：絕對;但這仍然無法實現。如何將圖像與名稱對齊？

<div id="contain"> 
    <div id="baseline"> 

    <div id="title2"> 

    <img src="http://www.marketingjava.com/wp-content/uploads/2012/01/ 
    new-default-twitter-avatar.jpg" id="prof_image">Ariel Smith</div> 
    </div> 

    CSS: 

    #contain { 
    width: 770px; 
    min-height: 170px;  
    margin: 20px auto 60px auto; 
    color: #222222; 
    font-size: 15px;  
    position: relative; 
    } 
    #baseline { 
    color: #999; 
    } 

    #title2 { 
    color: #000; 
    font-size: 30px; 
    margin-left: 10px; 
    padding-bottom: 5px; 
    padding-top: 5px; 
    width: 750px; 
    }

來源

2012-05-01 ariel