2、设置div标签的class属性值为mytest。
3、在css标签内，通过class设置div的样式，将display属性设置为flex，即将div内的元素进行flex布局。
4、在css标签内，再将flex-directio属性设置为row，实现水平布局，将justify-content属性设置为flex-start,实现div内的文本框和按钮都靠左对齐。
比如box是一个div,如下示例：.box{float:left;}//向左浮动显示了.box{float:right;}//向右浮动显示了.box{width:980px;margin:0pxauto}//居中显示了.box{margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-left:5px;}这个前面的分别是外面距，距上，下，左，右，后面是内边距距左，其它的也一样子的道理在HTML调用有两种方法，第一种，直接把这个写在html的head文件里面，<styletype=”text/css”>在这里是CSS代码</style>，或者直接建CSS文件，把代码写里面，在HTML引入，<linkhref=”这里是CSS的路径”type=”text-css”rel=”stylesheet”/>
第一步，首先想变a标签的位置，是使用css控制的，那么大家先前往css官方文档查看一下，有什么属性是可以控制位置的，最终大家找到定位position 属性可以轻松解决
第二步，为了方便大家对html代码进行编辑第三步，为了更加详细的说明怎么用第四步，大家使用css来position 给a标签改变位置第四步，大家前往浏览器打开这个html网页，发现a标签位置已经改变，只要改变top和left的大小就能改变位置