[英]Positioning of Text with Images HTML
我这里有一个小问题。 我有一个Div,我希望文本在中心的任一侧浮动。
我现在包括它的屏幕快照,以及我希望它如何显示,如果可以实现,或者是否需要将其制作成实际图像,没有人知道吗?
JS小提琴>> http://jsfiddle.net/DU4u4/
您可以尝试使用vertical-align: middle
...................................................
现在用于此line-height
希望这是您需要的东西...
检查演示
的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;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.