同一行上的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标头对齐

回答

相关问题