帶CSS的水平內容佈局

Question

我有三個要嘗試水平佈局的元素。目前，我有以下HTML：

<div> 
    <h1>h1. Heading</h1> 
    <h1 class="subheader">subheader</h1> 
    <h1><small>segment header</small></h1> 
</div> 

當我運行它，我看到類似以下內容：

h1. Heading 
subheader 
segment header 

但是，我真的很想拿到奠定了類似以下的事情：

h1. Heading subheader segment header 

如何通過CSS在我的根DIV中設置？

謝謝

Answer 1

LIVE DEMO

添加類的DIV

<div class="align_H1"> 

做：

.align_H1 h1{ 
    display:inline; 
} 

這樣的伎倆是display:inline;您的<h1>元素，默認情況下它們是display:block;級別的元素。

想想inline喜歡上了內容定位流，
同時block爲佈局

Answer 2

你熟悉直列VS塊元素？這聽起來像你想要的是

H1 {display:inline} 

這就是說，它通常不是一個好主意，打破元素的默認樣式時，您可能希望它的正常行爲，在其他地方。相反，也許根據@ Roko的回答給他們上課。

CSS技巧，對如何使用顯示屬性方便的參考http://css-tricks.com/almanac/properties/d/display/