为了将按钮粘贴在与标题相同的行上的div的右侧,我需要添加什么？

HTML：

<div>
    <h1> Ok </h1>
    <button type='button'>Button</button>
</div>

CSS：

div {
    background: purple;
}

div h1 {
    text-align: center;
}

div button {
}

进一步来说：

>按钮的右侧应该是从右边x像素
div的边缘
>它应该在与标题相同的行上.
>应该包含在div中(像float或relative这样的东西
定位会从视觉上弹出它)

可以使用什么CSS技术来做到这一点？谢谢.