已經清除浮動了，為什么text-align還是不能讓span 居中？

1. 套一層div設置成inline-block 呈現為inline 是可以用text-align使他水平居中的

2. 行內元素（span）浮動了就變成塊級元素了 ,text-align只能使 inline水平居中

3. 你這種寫法的清除浮動只能使父級不受浮動影響

4 .

.inner1{
  float: left;
  border: 1px solid red;
  clear: left;
}
.inner2{
 float: left;
  border: 1px solid red;
  clear: right;
}

套了一個div，div沒有浮動，div也轉換成了行內塊，行內塊是可以被tex-talign：center的
所以你的 topbar居中的并不是inner 而是那個div。而因為父盒子都被挪到中間了，子盒子兩個span當然就跟著父盒子走了

如果一開始你沒給span浮動，脫離文檔流，那直接給topbar設置text-align:center也能居中啊。text-align是規(guī)定元素中的文本的水平對齊方式，前提是，標簽內的東西，屬于標準輸出流，不能是浮動或者定位的標簽。

搞不懂為什么span要浮動。直接去掉span的float:left。就能居中了啊

浮動會使元素塊狀化，text-align就控制不了了