如何实现div的上下左右都居中?

1、新建一个html文件，命名为test.html，用于讲解如何实现div的上下左右都居中。

3、在test.html文件内，给div添加id属性mydiv，主要用于下面通过该id设置其样式 。

5、为了展示效果，在css标签内，设置div的宽度为300px，高度为200px，背景颜色为红色。

7、在浏览器打开test.html文件，查看实现的效果。