Question

所以标题不是最好的，但我实际上是在尝试修改此文本的font-size：

<i class="fa fa-line-chart" aria-hidden="true"></i>Containers graphics<i class="fa fa-line-chart" aria-hidden="true"></i>

我试图放<p> Containers graphics </p>，但后面的图标有一个上升，一个下方的文字......

感谢您的帮助和想法

Answer 1

只需将<span与font-size放在一起

＆＃13;

<i class="fa fa-line-chart" aria-hidden="true"></i><span style="font-size:20px">Containers graphics</span><i class="fa fa-line-chart" aria-hidden="true"></i>

＆＃13;

Answer 2

只需添加display：inline到css。

像那样：

.fa{display:inline;} a{display:inline;}

当然你最好添加特定于这些元素的类，这样它就不会影响每个.fa和每一个元素。

Answer 3

试试这个css

＆＃13;

.container {
  font-size: 20px;
 }

.container i {
  font-size: 30px;
 }

＆＃13;

<div class="container">
  <i class="fa fa-line-chart" aria-hidden="true">Ico</i>Containers graphics<i class="fa fa-line-chart" aria-hidden="true">Ico</i>
</div>

＆＃13;

如何在HTML中的两个`<i>`之间放置文本？

3 个答案: