如何在不創建兩條單獨線的情況下將h3與ap對齊？

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;
}

Answer 2

您可以更改p和h3標簽的顯示類型

HTML：

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

CSS：

<style type="text/css">
        .sameline {
            display: inline;
        }
    </style>

Answer 3

您應該使用正確的工具來完成工作。

這是一個引用，它屬於blockquote ：

http://jsfiddle.net/2a2S9/

HTML：

<blockquote>
    <p>Corruption, the most infallible symptom of constitutional liberty.</p>
    <p class="byline">~ Edward Gibbon</p>
</blockquote>

CSS：

blockquote { font-weight: bold;
    font-size: 20px; }

blockquote p { display: inline-block; }

blockquote p.byline { font-weight: normal;
    font-size: 12px; }

Answer 4

在標簽內使用所需樣式的跨度。 您在這里需要一個內聯元素。

<h3>Corruption, the most infallible symptom of constitutional liberty. <span class="parastyled">~ Edward Gibbon</span></h3>

Answer 5

<h3>是一個塊元素，它將使用所有可用寬度。 您可以在h3內使用一個span而不是p 。 或者，您可以用inline元素替換h3 。

Answer 6

p {

 display:inline;
 float:none;

}

Answer 7

試試下面的CSS

h3,p{ 
    float:left;
    width:auto;
}