将文本放在其包含div的底部

Question

我想将<h1>与<h2>内联。我可以让它们内联，但我似乎无法将它们中的文本放在容器的底部（<h1>和<h2>）。我究竟做错了什么？ http://jsfiddle.net/MmB3X/

Answer 1

在h1和h2元素上，移除浮动广告。将它们设置为display: inline;和包含div集vertical-align: text-bottom;

我updated your Fiddle并且它正确显示。

Answer 2

无需浮动元素，只需将标题的CSS更改为：

display: inline-block;
vertical-align: baseline;

Answer 3

http://jsfiddle.net/MmB3X/8/

您可以向h2添加填充，如果这是您想要的，它将位于底部。

#photos-page-head h2 {
    ...
    padding: 8px 0px 0px 0px;
    ...
}​