Html 如何增加包含的文本的大小？

对于下面显示的设计，我想增加其中包含的文本的大小。我不能这样做

<span class="my-icon">
   Club Members
</span>

以下是输出：

这是上面html的最新版本

---

如何增加其中文本的大小？当我将字体大小增加

字体重量

时，整个容器的大小会增加。我该怎么办？

您可以执行以下操作：

<span class="my-icon">
    <div>Club Members</div>
</span>

---

它应该增加文本的大小，而不是span

我的图标

您可以执行以下操作：

<span class="my-icon">
    <div>Club Members</div>
</span>

---

它应该增加文本的大小，而不是宽度和高度属性使用的span

my图标

em

是一种相对度量，它将基于字体的当前值/大小

由于使用的是相对测量值，因此形状将根据字体大小重新调整大小。将字体设置为粗体会略微增加字体大小，从而增加em的值

如果字体大小为10px，则1em=10px；如果将字体大小更改为15px，则1em=15px

---

可以将属性值调整为非相对的值，如像素，或者将文本包装在

中。我的图标
span与另一个span标记类似，如Dan对其解决方案所做的处理。
您正在使用
em
作为宽度和高度属性
em
是一种相对度量，它将基于字体的当前值/大小

由于使用的是相对测量值，因此形状将根据字体大小重新调整大小。将字体设置为粗体会略微增加字体大小，从而增加em的值

如果字体大小为10px，则1em=10px；如果将字体大小更改为15px，则1em=15px

要么将属性值调整为非相对的值，比如像素，要么将文本包装在
中。我的图标
span与另一个span标记类似，就像Dan用他的解决方案所做的那样。
类似于@JSG的答案，但我会避免为网站上的所有
span div
创建CSS规则

最好创建一个单独的类，并使用
而不是

HTML:

<span class="my-icon">
    <span class="large">Club Members</span>
</span>

.large {
    font-size: 30px;
}

与@JSG的答案类似，但我会避免为您网站上的所有
span div
创建CSS规则

最好创建一个单独的类，并使用
而不是

HTML:

<span class="my-icon">
    <span class="large">Club Members</span>
</span>

.large {
    font-size: 30px;
}

这你需要一个固定的宽度和高度。我的图标。您需要一个固定的宽度和高度。我的iconI建议使用
而不是
。我认为内联元素不应该包含块级元素。我知道html语法完全错误，但这只是一个例子，表明文本字体大小可以相对于背景元素进行更改。我建议使用
而不是
。我认为内联元素不应该包含块级元素。我知道html语法完全错误，但这只是一个例子，表明文本字体大小可以相对于背景元素进行更改。+1表示不在内联元素中放置块级元素。+1表示不在内联元素中放置块级元素。