如何对齐文本内的文本

Question

我是HTML/CSS的新手，并花了过去一小时试图做一些显然超出我的东西。我一直在尝试在div内稍微向上放电影文本，以便与某些图像对齐。

http://jsfiddle.net/xE2qJ

<div class='social-media-button'> <a href='www.facebook.com/#' target='_blank'><img border='0' src='http://www.niftybuttons.com/authentic/color-square/facebook.png'/></a> Hello <a href='www.youtube.com/#' target='_blank'><img border='0' src='http://www.niftybuttons.com/authentic/color-square/youtube.png'/></a> </div>  

我怎样才能做到这一点？

Answer 1

您可以

显示解决它：内联：块

和

垂直对齐

HTML（我内的包裹你的文字span）：

<span>Hello</span> 

CSS：

一个，跨度{垂直对齐：中部;显示：inline-block的;}

DEMO：http://jsfiddle.net/xE2qJ/1/

Answer 2

人们将火焰这一点，但这样的事情，我宁愿使用表。最简单的方法来完成垂直对齐。

另一种选择是检查图片高度并将线高设置为该值。