Css 如何将div设置为仅在一行中显示？

我有一个div，其中包含注销按钮和用户名。如果用户名太长，它会很奇怪地将其拆分。 我想让它根据名字的长度，只在一行中定位自己

这是它的样子

下面是它的外观

我要指出，main.php有一个div样式

<div id="logout"><div style="margin-top:-90px ;margin-left:740px;">

我还有一个名为#page的div，包含所有div。我可以将#注销与#page div的右边框对齐吗

提前感谢,，

---

零

删除

左侧边距：740px

，并添加

浮动：右侧

或者，添加以下内容：

#page {
    position: relative;
}
#logout {
    position: absolute;
    right: 0;
    top: 0;
}

---

给父级

div

一个更大的宽度。

#page {
    position: relative;
}
#logout {
    position: absolute;
    right: 0;
    top: 0;
}