如何將 position 提交按鈕放在一起 html

Question

我目前有 2 個不能並排放置的提交按鈕。

    .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

使排列3 class 顯示內聯。

.arrange3{
    display: inline;
}