css - Twitter Bootstrap で CSS を使用して要素の中央にテキストを揃えるにはどうすればよいですか?

Question

私はBootstrapアラートを使用しています。これが成功アラート メッセージです。

<div class="alert alert-success" id="UploadSuccess">
    <a class="close" data-dismiss="alert">×</a>
    <strong>Congrats!</strong> You have successfully did it!.
</div>

結果は次のとおりです。

ご覧のとおり、テキストの配置は<div>. では、どのようにそれを中央に揃えますか?

padding-topandを使用してみvertical-align:middleましたが、どちらも機能しません(同じ結果になります)。

テキストの縦方向の配置を変更するにはどうすればよいですか?

Answer 1

もっと簡単に ;) ! alert-block を使ってみてください! 最新の Bootstrap バージョンで問題なく動作します。

<div class="alert alert-block alert-success" id="UploadSuccess">
    <a class="close" data-dismiss="alert">×</a>
    <strong>Congrats!</strong> You have successfully did it!.
</div>