html - 如何在不创建两条单独的行的情况下将 h3 与 p 对齐？

Question

我有这样的 html 代码:

<h3>Corruption, the most infallible symptom of constitutional liberty.</h3>
<p>~ Edward Gibbon</p>

结果输出如下:

正如我用箭头指出的那样，我不希望 Edward Gibbon 位于引号下方，但最好位于“自由”的右侧。

如果我涉及 h3 标签，这可能吗？我应该使用 span 还是 div 标签？任何指导将不胜感激!

---

更新的解决方案，以防将来有人需要它(通过 Greg Jennings):

<h3>Corruption, the most infallible symptom of constitutional liberty. <span 
class="parastyled" style="font-size: 10px;">~ Edward Gibbon</span></h3>

结果输出如下:

Answer 1

让它们内联!

h3, p{ 
    display: inline;
} 

请注意，您可能不希望这影响所有 p 和 h2，所以我会这样做:

<div class="same-line">
    <h2>blah balh</h2>
    <p>blah</p>
</div>

CSS:

.same-line p, .same-line h2{
    display:inline;
}