用圖像定位文本HTML

Question

我在這裏有一個小問題。我有一個Div，我希望文字浮在中心的任何一邊。

我現在包括它的截圖以及我希望它看起來如何，如果這是可以實現的或者我需要使它成爲實際圖像嗎？

JS小提琴>>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; 
}