如何将提交按钮放置在彼此旁边html

Question

我目前有两个提交按钮，不能并排放置。

​

​

    .submit-button {
         color: #fff;
         background: #55a1ff;
         border: 0;
         outline: 0;
         width: calc(15%);
         height: 50px;
         font-size: 16px;
         text-align: center;
         cursor: pointer;
         margin-top: 70px;
         margin-left:100px;
         border-radius: 30px;
    }

    .cancel-button {
         color: #fff;
         background: #55a1ff;
         border: 0;
         outline: 0;
         width: calc(15%);
         height: 50px;
         font-size: 16px;
         text-align: center;
         cursor: pointer;
     
         margin-left:450px;
         border-radius: 30px;

    }

<div class="arrange3">
    <button type="submit" class="submit-button" name="save", value="save">Submit</button>
</div>


<div class="arrange3">
    <button type="cancel" class="cancel-button" name="cancel", value="save">Cancel Claim</button>
</div>

我该怎么把这些按钮并排放在一起。这将是伟大的，如果你可以提供代码给我。谢谢

Answer 1

使arrange3类以内联方式显示。

.arrange3{
    display: inline;
}