Html 将链接和文本放在同一行弹出窗口中

我有一个弹出窗口，应该有一个标题，一个保存按钮，和一个关闭按钮

此代码

<div>
    <a href="#close">Cancel</a>
    <a href="" class="spacer">............</a>
    <a href="#">Deselect your free blocks</a>
    <a href="" class="spacer">............</a>
    <a href="#close">Save</a>
</div>

<div>
    <a href="#close">Cancel</a>
    <a href="" class="spacer">............</a>
    <p >Deselect your free blocks</p>
    <a href="" class="spacer">............</a>
    <a href="#close">Save</a>
</div>

这样做：

此代码

<div>
    <a href="#close">Cancel</a>
    <a href="" class="spacer">............</a>
    <a href="#">Deselect your free blocks</a>
    <a href="" class="spacer">............</a>
    <a href="#close">Save</a>
</div>

<div>
    <a href="#close">Cancel</a>
    <a href="" class="spacer">............</a>
    <p >Deselect your free blocks</p>
    <a href="" class="spacer">............</a>
    <a href="#close">Save</a>
</div>

取消选择您的空闲块

这样做：

（类“间隔器”仅将不透明度设置为0）

---

你知道我怎么能在那里有一个不是链接的东西，但它仍然适合一行吗？

对div使用flexbox布局，并在元素周围均匀布局空间，而不是默认的无间距行为

div{
显示器：flex；
证明内容：周围的空间；
}
/*CSS重置*/
* {
保证金：0；
}

取消选择您的空闲块

将更改为。（我认为）存在的唯一原因是放换行符。

你可以更改标记吗？@ManojKumar这只是一个小的个人项目，所以我愿意接受任何事情