Question

我对如何做到这一点非常困惑。我可以使用html和css布局整个网站，但是当涉及到这样的事情时，我开始怀疑我是否采用了正确的方式。

有人可以帮帮我吗？我想在一个25％宽的div内某处设置H1和H3（或H2）（如下所示）？

非常感谢任何帮助，谢谢！

P.S。我有点想这样的事情？：

<div class="yipeee">
   <h1 style="float:left; position:absolute; top:2; left:2;">This is a pretty awesome heading</h1>
   <h3 style="float:right; position:absolute; bottom:2; right:2;"><i>if only it were better than this sub-heading...</i></h3>
</div>

Answer 1

不确定这是否是您要求的，但这是给定示例的解决方案：

<h1 id="heading">This is a pretty awesome heading</h1>
<h2 id="subheading">If only it were better than this subheading</h2>

<style type="text/css">
h1#heading { font-size: 36px; font-weight: bold; }
h2#subheading {
    margin-left: 25%;
    font-style: italic;
}
</style>

请参阅http://jsfiddle.net/fausak/WmuRf/

处的jsFiddle示例

Answer 2

在这里，这几乎与图片完全相同：

以下是示例：http://jsfiddle.net/MarkKramer/WmuRf/2/

我使用了你的jsfiddle并对其进行了编辑，现在它几乎就像图片一样（只需更改字体）

将标题下方的“右侧”标题对齐

2 个答案: