html 改变按钮位子

昨天为止我们成功做出了多个按钮并且在鼠标移上时改变了他的效果，今天我们想要改变按钮的位子，让他可以靠在最右边
先来说说div有三种参数可以调整，分为margin、padding和border，想了解更多细节的话可以参考这篇文章https://ithelp.ithome.com.tw/articles/10205322
今天我们要用margin来实现按钮靠右的目标，所以我先将这四个按钮的class名称分开，才不会一次改到四个按钮

    <div class="column">
        <div class="but1">按钮一</div><div class="but2">按钮二</div><div class="but3">按钮三</div><div class="but4">按钮四</div>
    </div>

记得改完以後css内的class也要新增，不然其他按钮的css效果会消失喔，用逗号隔开就可以一次定义多个class了，如下图

        .but2, .but3, .but4{
        }

接下来我在but1的css中新增以下程序码

            margin-left: 900px;

就是在第一个按钮的左边新增900px的距离，数字可以依照自己的需求调整，来移到想要的位子，如此一来我们就得到在标题栏右侧的按钮了