为什么我的<h1><small></h1>没有对齐

Question

所以我已经试着这样做了大约一个小时，我已经用尽了我的知识如何让它工作。我是不是做了什么看不见的小错误？

我的代码：

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

在进阶时谢谢。

(附注:我正在使用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. 如果您不希望h1标记的大小与您为常规h1标记设置的大小相同，则始终可以更改它的大小。

例如，您可以这样做：<h1 class="smallClass">512mb</h1>