Css 将标题与文本对齐

我有以下资料：

我有

宽度为50%的标题

和

span

内的

h2

标记，以帮助我实现这一点

---

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

修改以下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;
}

---

示例：

Just…Just…我明白你为什么有10.9k。谢谢@很高兴我能帮忙。谢谢你的夸奖。嗯，看起来很有效，但现在我再看一次，它做得不对。文本在屏幕左侧保持齐平，在这里它应该与下面的文本正文保持齐平。@Splatter我不懂。你能详细说明一下吗？没错！非常感谢。用像素表示它不起作用，但我认为这是最好的解决方案。