HTML – 如何使这个按钮中的单词更接近？

概述我在这里有这个按钮 但是我希望将这些单词放在一起,几乎在彼此的顶部,使打印图标垂直于它们的右侧.我现在一直在摆弄css和html而且我已经走到了尽头.这是我到目前为止所拥有的 <span id="print-report-btn" class="btn btn-primary btn-mini"> <span style="float:left;"> <span style 我在这里有这个按钮

但是我希望将这些单词放在一起,几乎在彼此的顶部,使打印图标垂直于它们的右侧.我现在一直在摆弄CSS和HTML而且我已经走到了尽头.这是我到目前为止所拥有的

<span ID="print-report-btn" >    <span >        <span >Huge</span>        <span >Report</span>    </span>    <span  >        <img src="images/icons/print.png" wIDth="23" height="23" />    </span></span>

更新：顶级跨度中的类是引导按钮样式

解决方法 使用按钮的line-height属性.

例如：

#print-report-button {    line-height: 10px;}

总结

以上是内存溢出为你收集整理的HTML – 如何使这个按钮中的单词更接近？全部内容，希望文章能够帮你解决HTML – 如何使这个按钮中的单词更接近？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。