在div中垂直对齐文本

创建一个用于文本内容的容器，

span

#column-content {  display: inline-block;}img {  vertical-align: middle;}span {  display: inline-block;  vertical-align: middle;}#column-content {  border: 1px solid red;  position: relative;}<div id="column-content">  <img src="http://i.imgur.com/WxW4B.png">  <span><strong>1234</strong>    yet another text content that should be centered vertically</span></div>

JSFiddle