span与img在同一行

 

例子1：同1个div里面，span标签里的文字和img标签里的图片，
怎么样做到水平中心线重合？

 

span设置line-height和图片高度一样 ；
img里面设置样式 vertical-align:middle

 

例子2:

<div class="navbar-header" style="margin-right: 5%; margin-left: 5%;">
            <a href="#" class="navbar-brand"> 
                <img alt="东方标准在线课程" src="<%=path %>/images/logo.png" style="display:inline-block;height: 100%;" />
                <span style="">东方标准在线课程</span>
            </a>
        </div>

 

在img样式加：

display:inline-block;