HTML – 如何在不同的字体大小相同的行上对齐两个单词?

前端之家收集整理的这篇文章主要介绍了HTML – 如何在不同的字体大小相同的行上对齐两个单词?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一个接一个地显示两行不同字体的文本,这样它们的顶行位于相同的垂直位置,即:

我尝试使用vertical-align:top,但没有运气.而不是预期的结果我有这个:

有没有一些标准的方法来达到预期的效果

这是我的HTML

  1. <div id="container">
  2. <span>TEXT</span> TEXT
  3. </div>

和CSS:

  1. #container {
  2. font-size: 30px;
  3. }
  4.  
  5. #container span {
  6. font-size: 16px;
  7. vertical-align: top;
  8. }

解决方法

一种方法是:
  1. #container span {
  2. position: relative;
  3. top: 2px;
  4. }

调整2px以适应.

猜你在找的HTML相关文章