用图像HTML定位文本

Question

我这里有一个小问题。我有一个Div，我希望文本在中心任意一侧浮动。

我现在包括它的截图以及我希望它看起来如果有人知道这是否可以实现或者我是否需要将其作为实际图像？

JS Fiddle＆gt;＆gt; http://jsfiddle.net/DU4u4/

Answer 1

您可以尝试使用vertical-align: middle

Answer 2

..........................................

现在习惯于line-height

Answer 3

希望，这是你需要的......

检查 DEMO

<强> HTML

<div id="socialConnect">
    <div class="fbConnect">Follow us on</div>
    <div class="twitterConnect">OR</div>
</div>

<强> CSS

.fbConnect{
    background-image:url('http://www.seedaneed.com/images/fb_btn.png');
    background-repeat:no-repeat;
    background-position:right;
    height:32px;
    width:125px;
    float:left;
    padding-top:10px;
}

.twitterConnect{
    background-image:url('http://www.boson.com/images/twitter-button.jpg');
    background-repeat:no-repeat;
    background-position:right;
    height:32px;
    width:60px;    
    float:left;    
    padding-top:10px;
    padding-left:5px;
    text-align:left;
}