画面下のフェードインテキストが中央に配置

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

あなたのCSSにwidth: 100%を追加します。

これにより、divが画面の幅全体に広がるため、テキストが中央揃えになると画面の中央に表示されます。