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

Question

我有一个div的结构：

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

<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>

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

Answer 1

试试这个：

margin: auto;
float: right;

Answer 2

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

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