给子div设置float,将子div转换成inline-block内联块元素并向左浮；，给父div设置text-align:center;为什么没效果啊？

难不成text-align只对内联元素有效，对内联块状元素没效果吗？？

<div id="fu">
           <div id="zi">子div</div>
 </div>

            #fu{background:#ff0000;height:150px;
            text-align:center;  /*父div设置内联元素居中*/
            }
            #zi{background:#00ff00;
                float:left;/*子div向左漂浮 同时会转换成inline-block内联块状元素*/
            }