text-align只对文字，行内元素（inline），行内块元素（inline-block）起作用，对块元素（block）不起作用。
可以先把div转化为inline-block元素，即display: inline-block
扩展
vertical-align:middle对块元素不起作用，可以将div转化为 table-cell元素，即display: table-cell
vertical-align:middle对于inline和inline-block元素的作用，是周围元素对于当前元素的对齐方式，而对于table-cell是针对自身而言
