为什么我的<h1> <small> </small> </h1>没有排队

Question

所以我现在已经尝试这样做了大约一个小时，我已经筋疲力尽地知道如何让它发挥作用。我做了一些我无法看到的小错误吗？

我的代码：

<div class="center">
    <ul class="inline">
        <li>
            <h1>8$:</h1>
        </li>
        <li>
            <h1><small> 512mb</small></h1>
        </li>
    </ul>
</div>

先谢谢。

（P.S。我正在使用bootstrap）

'center'的CSS代码：

.center {
    width: 50%;
    margin: 0px auto;
}

Answer 1

你想要这样吗？

截图

CSS代码

h1 small {vertical-align: middle;}

小提琴：http://jsfiddle.net/praveenscience/jcyam/

Answer 2

同时使用h1和小标签似乎违反直觉。我会使用其中一种。

<H1>标记用于标题和/或命名内容的一部分。

<small>标记通常用于页脚中的信息，例如联系信息。

在任何情况下，我都不认为它们应该相互嵌入。尝试其中一种，但不是两种。

Answer 3

这里有几点需要注意。

1. 每页上只能有一个h1标记。

2. 如果您不希望它为您为常规class标记设置的尺寸，则可以随时更改h1标记的h1。

例如，您可以执行此操作：<h1 class="smallClass">512mb</h1>