屏幕底部的淡入文本居中

Question

我希望此文本显示在屏幕的中间位置，但它会一直显示在屏幕的左下方。我做错了什么？

$('div').delay(2000).fadeIn(1000); 

div.hidden {          
    position: absolute;
    bottom: 0;
    display: none;
    text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hidden">
    <p>This is some text.</p>
</div>

Answer 1

将width: 100%添加到您的CSS中。

这会导致div跨越整个屏幕宽度，因此当文本居中时，它会在屏幕中居中。