将div宽度向左扩展以适合其内容

Question

我有div的结构：

＆＃13;

＆＃13;

img {
  width: 25px;
  height: 25px;
}

＆＃13;

<div id="container">
  <span>Hello user</span>
  <span>
    <img src="https://en.opensuse.org/images/0/0b/Icon-user.png">
  </span>
  <span>Register</span> | 
  <span>Login</span>
</div>

＆＃13;

＆＃13;

＆＃13;

我想要的是：当用户的长度更长时， div容器必须将其宽度向左扩展（右方向固定）以适合其内容。
注意：这不是动画或过渡，用户是一个帐户。

Answer 1

试试这个：

margin: auto;
float: right;

Answer 2

将宽度设置为div，它将重新排列以适合容器内部。

有多种方法可以将其扩展到左侧。您可以使用浮动或绝对定位。另一种方法是为父节点设置 direction 到 rtl ，然后在子节点上设置 ltr 。