<html> <head> <style type="text/css"> div { width:350px; height:100px; border:1px solid black; /* Firefox */ display:-moz-box; -moz-box-orient:horizontal; -moz-box-pack:center; -moz-box-align:center; /* Safari and Chrome */ display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; /* W3C */ display:box; box-orient:horizontal; box-pack:center; box-align:center; } </style> </head> <body> <div> <p>Center me!</p> </div> <p><b>:</b> The box-pack and the box-align properties are not supported in IE or Opera.</p> </body> </html>
Your Result:
上のテキストを編集し、クリックして結果を見てください。
W3Schools.com
- Try it yourself