附加Div添加时，CSS文本对齐中心不起作用

Question

我有一个移动网站标题。 “页面标题”应居中，“后退”按钮应向左浮动。 “页面标题”完全居中，直到我添加“后退”按钮。一旦添加“后退”按钮，“页面标题”将“稍微”居中，但会向右推。我错过了什么。

我的代码和小提琴：http://jsfiddle.net/9C2SS/

CSS：

body {
    background-color: #666;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.pageTitle {
    text-align: center;
    padding: 10px;
    color: #ffffff;
    font-size: large;   
    background: #2281b5;
}
.backArrow {
    float: left;    
}

HTML：

<div class="pageTitle">
<div class="backArrow">
Back
</div>
Page Title</div>

Answer 1

这个DEMO怎么样？

绝对定位您的按钮，因此它将从文档的正常流程中删除，您的标题将自动居中。

.backArrow {    
    position:absolute;
    left:10px;
}

Answer 2

略微向右移动，因为它被后退按钮移动。您可以通过绝对定位从文档流中删除后退按钮。 像这样：

.backArrow {
    position:absolute;    
}