2、设置div标签的class属性为mydiv。
3、在css标签内，通过class设置div的样式，设置它的宽度为400px，边框为1px，并将display属性设置为flex，实现flex布局。
4、在css标签内，将align-items属性设置为center(水平居中)，将justify-content属性设置为space-between（两端对齐）。
5、在浏览器打开test.html文件，查看实现的效果。
用Css设置图片的位置的话：1.通过position的绝对定位，然后在通过left和top就可以设置你的图片位置了；代码如下
<div style='position:absolutleft:0pxtop:0px'>
<img src='图片地址'>
</div>
2.通过div+css的布局来实现给定一个包裹图片的div默认位置就行，代码如下
<div>
<div style='flaot:leftwidth:330pxheight:200px'>
<p>我是左边的</p>
</div>
<div style='flaot:leftwidth:330pxheight:200px'>
<img src='图片地址'>
</div>
</div>
