<center>~</center>に囲まれた部分を、画面の中央に表示します。
見栄えの制御はスタイルシートで行うべきという方針により、HTML5 では廃止されました。代わりにスタイルシートの text-align を使用してください。詳細は「センタリング(中央揃え・中央寄せ)」を参照してください。
通常の文章は左端から <center>この部分は中央に</center> <div align="right">この部分は右端から</div>
センタリングしたいものがインライン要素の場合は text-align を用います。
<div style="text-align:center;"> <span>あああ</span> </div>
センタリングしたいものがブロック要素の場合は、センタリングしたい要素自体に margin: 0 auto; を指定します。左右のマージンを自動配分することでセンタリングを実現します。Internet Explorer の場合は、text-align でもブロック要素がセンタリングされることがありますが、これは Internet Explorer のバグです。センタリングに関してはブラウザやモードによって差異があるので注意しましょう。
<div style="width:300px; margin:0 auto;">あああ</div>
<center> と同様に、子要素をすべてセンタリングしたい場合は、下記のようにするとよいようです。
<style> .center { text-align: center; } .center * { margin-right: auto; margin-left: auto; } </style> <div class="center"> ... </div>