Question

我想在不使用“br”的情况下在h2和h3之间插入一个新行;我想用CSS。我发现“display：block;”在堆栈溢出时多次作为答案，但它对我不起作用。任何关于它为什么不起作用的建议都非常感谢。这是我的我的HTML：

<div id="content">
             <h2 class="hdr2"><b>Yoga-Meditation Benefits</b></h2>
…

我的CSS：

h2.hdr2 {
            position:fixed;
            display: block;
              top: 180px;
              text-align: center;
            color:orange;

}

Answer 1

我认为，这是因为你position的{{1}} 如果要从顶部修复元素的位置，则应在h2上应用该属性。试试这个：

#content

如果仍然无效，您可以尝试在h3上添加属性：#content { position:fixed; top: 180px; } h2.hdr2 { display: block; text-align: center; color:orange; }。

Answer 2

这就是你想要的吗？

HTML：

    <div id="content">
             <h2 class="hdr2"><b>Yoga-Meditation Benefits</b></h2>
             <h2 class="hdr2"><b>Yoga-Meditation Benefits 2</b></h2>
</div>

CSS：

  h2.hdr2 {
            position:relative;
              top: 180px;
              text-align: center;
            color:orange;

}
#content{
    display:block;
}

http://jsfiddle.net/53rAk/1

新行代码无效

2 个答案: