css3居中transform失效了？

<div class="header">
    <span class="something">這是一段文字這是一段文字這是一段文字這是一段文字這是一段文字這是一段文字這是一段文字</span>
</div>

.header {
    margin-top: 40px;
    width: 100%;
    height: 62px;
    position: relative;
    overflow: hidden;

    & > .something {
        font-size: 20px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

}

沒用絕對定位前：

我本來想讓這段文字根據(jù)自己的寬度居中
加了絕對定位后：

請問如何實(shí)現(xiàn)我的目的？謝謝。