【问题标题】:Prevent newline after header, but not before [duplicate]防止标头后换行,但不在[重复]之前
【发布时间】:2015-04-16 12:42:40
【问题描述】:

我有一种情况,我想要一个看起来像这样的段落:

标题,以粗体显示有关当前主题的一些信息...

我想在标题前换行,但它会流入段落。

我可以想到两种方法来实现这一点:

  1. 使用<br /> 标签。
  2. 在标题周围包裹一个段落标签并使标题完全内联。

问题是(2)很难,因为我对 HTML 几乎没有控制权,它是从 Jekyll 框架中的 Markdown 生成的。

(1) 通常被视为不好的做法,但它可能是这里的方法。

还有更好的选择吗?

编辑

关闭为重复;使用float 就是答案。

【问题讨论】:

  • 在标记上粘贴
    标签永远不是一个好的答案

标签: html css header jekyll


【解决方案1】:
<h1 style="display: inline-block;">Header</h1>
<p style="display: inline-block;">paragraph</p>

这应该允许您将它们都放在同一行。

【讨论】:

    【解决方案2】:

    试试这个&lt;p&gt;&lt;span style="font-weight:bold"&gt;The Header, in Bold &lt;/span&gt; Some information about the topic at hand...&lt;/p&gt;

    【讨论】:

    • 问题指定 HTML 是从 Jekyll 生成的。
    【解决方案3】:
     <b>This is a Heading</b>
     <p>This is a paragraph.</p>
    

     <h1>This is a Heading</h1>
      <p>This is a paragraph.</p>
    

    【讨论】:

    • 第一个例子是糟糕的html。 &lt;b&gt; 是一个内联元素,它不是用来使某些东西看起来像标题的东西。这就是标题元素的用途……
    • 好的,告诉我,你想在同一行使用页眉和段落吗??因为其他答案说要在同一行中使用。但我认为根据您的问题,您想在不同的线路中使用。
    猜你喜欢
    • 1970-01-01
    • 2011-07-09
    • 2019-01-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-23
    相关资源
    最近更新 更多