同一行上的CSS標頭對齊

我有兩個標題，我想在同一行顯示，但一個在左側，另一個在右側。做這個的最好方式是什麼？同一行上的CSS標頭對齊

HTML：

<h2 style="color: green" style="text-align : center">Approved</h2><h4>Count: </h4>

CSS：

h2 { 
    font-size: 11.5pt; 
    font-family: Georgia; 
    display: inline; 
} 
h1 { 
    margin: 0.5em 0 0.5em 0; 
    padding: 0.5em 0 0.5em 10px; 
    font-size: 12pt; 
    font-family: Georgia; 
    color: white; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    display: inline; 
}

來源

2013-07-02 Hunter Hodnett

你可以浮動是正確的？ http://jsfiddle.net/3XsJF/1/ – mhps

'inline'和'margin'不能很好地工作，因爲'inline'基本上阻止了元素擁有一個盒子。使用'inline-block'或'block'並定位。 – Zeta

你可以使用'float'屬性。 – Pbk1303

您可以將float屬性添加到每一個標題，如：

h2 { float: left; }

和

h1 { float: right }

來源

2013-07-02 14:45:07

你可以使用float。

h2 { 
    font-size: 11.5pt; 
    font-family: Georgia; 
    display: inline; 
    float:right; 
} 
h1 { 
    margin: 0.5em 0 0.5em 0; 
    padding: 0.5em 0 0.5em 10px; 
    font-size: 12pt; 
    font-family: Georgia; 
    color: white; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    display: inline; 
    float:left; 
}

來源

2013-07-02 14:48:59 ylu20

試試這個

demo

<div class="first"><h1 style="color: green" style="text-align : center">Approved</h1><h2>Count: </h2></div>

來源

2013-07-02 14:51:41

你錯過了CSS。 – Axel

同一行上的CSS標頭對齊

回答

相關問題