css 文字数字底部对齐

在CSS中，我们可以使用vertical-align属性来设置文字和数字的垂直对齐方式。默认情况下，文字和数字是基线对齐的，而且一般情况下他们底部并不能很好地对齐。

我们可以将vertical-align属性设为bottom来实现文本和数字底部对齐。下面是一个例子：

p {
  font-size: 16px;
}

.align-bottom {
  vertical-align: bottom;
}

在这个例子中，我们给p标签设置了一个字体大小，然后我们给一个特定的class添加了vertical-align: bottom;属性。

我们可以在HTML中使用这个class来实现底部对齐。下面是一个例子：

<p>这是一段文本，数字为<span class="align-bottom">123</span>。</p>

在这个例子中，我们将文本放在p标签内，但是我们使用<span>标签来包含数字，并为其添加了align-bottom类，以实现底部对齐。

当我们在浏览器中打开这个页面时，将会看到文本和数字底部对齐的效果。