css - 将标题与文本对齐

Question

我有以下内容：

http://jsfiddle.net/B8e8A/

我有标题width: 50%;和标签span内的h2标签来帮助我实现这一目标。

我希望使标题与文本左对齐，以便标题栏的大小不同，但栏仍会延伸到屏幕的左侧。这可能吗？

Answer 1

修改以下 CSS：

更改：删除宽度：50%

h2 {
    background: none repeat scroll 0 0 #FF8C00;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    display: inline-block;
    font-size: 150%;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px 30px 15px 0;
    /*--width:50%*/
}

更改：从右到左浮动，从右到左文本对齐，添加 nowrap

h2 span {
    float: left;
    text-align: left;
    white-space: nowrap;
}

示例：http: //jsfiddle.net/B8e8A/1/