中央寄せ表示にする
HTMLを使用した記述方法
記述方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> </head> <body> <div align="center"> <p>中央寄せ表示したいものを囲みます</p> <p><img src="../img/smp.gif" alt="サンプル画像"></p> </div> </body> </html>
解説
表示サンプルを見たい方は以下をクリックして下さい(別窓でサンプルが表示されます)。
ボディ内にて、中央寄せ表示をしたいものを「<div align="center">」と「</div>」で囲んで記述します。文字はもちろんのこと、画像やフォーム部品などなどさまざまなものを中央寄せにすることができます。
CSSを使用した記述方法
記述方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> <!-- div.smp { text-align: center; } --> </style> </head> <body> <div class="smp"> <p>中央寄せ表示したいものを囲みます</p> <p><img src="../img/smp.gif" alt="サンプル画像"></p> </div> </body> </html>
解説
表示サンプルを見たい方は以下をクリックして下さい(別窓でサンプルが表示されます)。
ヘッダ内の記述にて、「DIV」タグの「smp」(名前は自由に付けてください)と言う名前のものに関しての表示方法を指定しています。