div让两个按钮并排显示在一行中

做微信小程序，查了一些方法，对于我来说都不适用，有各种各样的问题，下面的这个试了 可以！！
wxml语法：

        <view  class="btn1">
            <input type="button" id="leftButton" onclick="login()"/>
        </view>
        <view class="btn2">
            <input type="button" id="rightButton" onclick="cancle()"/>
        </view>

---

css语法：

                .btn1{
                     float:left;
                }
                .btn2{
                     float:right;
                }