css - 如何将图像与名称对齐？

Question

请看下面我的代码。我正在尝试将名称与图像对齐，使名称在图像右侧居中。我没能正确地做到这一点。我尝试添加 position: absolute;但这仍然无法解决问题。

    <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;
    }

Answer 1

向左浮动并调整带有边距的标题使其居中。

http://jsfiddle.net/FBj3f/