新人求问，HTML中怎么让两个按钮在同一行

Question

上面是html的代码，下面是Css的代码
.btn {
width: 138px;
height: 44px;
border-radius: px;
margin:0 auto;
background: #00B0DC;
padding: 10.5px 21px;
border-radius: 6px;
color: #e1e1e1;
}

我调margin调了也没用。。。

Answer 1

没看到你的html代码，一行的话丢一个行级标签里不就行了嘛，或者定位，浮动

Answer 2

把登录注册的两个input放在同一个div里面就行了，给div增加样式display:flex

Answer 3

推荐看看这个项目，普通人的配置：http://designmodo.github.io/Flat-UI/
普通的登录页面样式弄一份看看。
核心就是使用 float 。

Answer 4

input标签默认是行内块，但是在非浮动或弹性布局以及宽度也足够的情况下，你就需要看下display属性值来调试！
ps：
在非浮动状态或弹性布局情况下下，如果宽度够但是元素之间依然换行，那表示这个元素就是个块元素或者它外面的父级是块元素，也就是display： block；

若想在足够宽度中两个元素在一行，那就只能设置display: inline|inline-block，也就是行内元素|行内块,其中，inline不能设置宽高和上下margin, 而inline-block可以设置。

Answer 5

Answer 6

button{display: inline-block; margin: auto 12px auto 12px; }