Css 如何将图像与名称对齐？

请看下面我的代码。我试图将名称与图像对齐，使名称位于图像右侧的中心。我没能把它做好。我尝试添加位置：绝对；但这仍然不起作用

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

阿里尔·史密斯
CSS:
#包含{
宽度：770px；
最小高度：170px；
保证金：20px自动60 px自动；
颜色：#22222；
字体大小：15px；
位置：相对位置；
}
#基线{
颜色：#999；
}
#标题2{
颜色：#000；
字体大小：30px；
左边距：10px；
垫底：5px；
垫面：5px；
宽度：750px；
}

最简单的方法是设置使用背景图像而不是图像元素。然后，您可以将该块中的文本右对齐，从而实现右上角的定位。

最简单的方法是设置使用背景图像而不是图像元素。然后，您可以将该块中的文本右对齐，从而获得右上角的位置。

如果您知道图像的高度，则可以设置标题的线条高度，从而获得垂直居中的标题

---

如果您不反对使用表格，那么您可以自动（不需要图像高度）这样做：

如果您知道图像的高度，您可以设置标题的线条高度，从而生成垂直居中的标题

---

如果你不反对使用表格，那么你可以自动（不需要图像高度）这样做：

左右浮动，并用边距调整标题使其居中

---

左右浮动，并用页边空白调整标题，使其居中

---

第一次看到这种方式并爱上它第一次看到这种方式并爱上它