css - divの途中でdivのコンテンツを表示する方法

Question

私はasp.netを使用しています。真ん中にdivの内容を表示したい。しかし、それはトップにコンテンツを表示しています。私のDivは次のとおりです。

    <div style=" height:100px; width:100px; float:left; background:#666666;">
     <span>about us</span>
    </div>

コンテンツを途中で表示するにはどうすればよいですか。マージンとパディングを使用しましたが、コンテンツではなく div 全体に結果が表示されます。どうすればこれを行うことができますか?私はasp.netが初めてです。

ありがとうございました

Answer 1

これを試して：

   <div style=" height:100px; width:100px; float:left; background:#666666;text-align:center">
     <span>about us</span>
    </div>

Answer 2

水平に並べたい場合は、Bibhuの回答で十分です。

中央で垂直に整列するには、これをスタイルに追加します。

line-height: 100px;
vertical-align: middle;

Answer 3

float:left を削除し、text-align プロパティと line-height プロパティを追加するだけです。

<div style=" height:100px; width:100px;background:#666666;text-align:center;line-height:100px;">
     <span >about us</span>
</div>