html a标签靠左，html5怎么让按钮和文字在同一行

1、在div标签内，使用input标签创建一个文本框，使用button标签创建一个按钮。

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 属性可以轻松解决

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！