Javascript 如何使div内容彼此相邻

我希望我的div内容彼此相邻，但它们正在彼此下方显示

这个div是右对齐的，是导航栏div的一部分。我尝试使用float left作为文本，但没有改进

    <div align="right" class="log-in-checkout" id="left-nav">
                  <span class="login">
                        <a href="#" data-toggle="modal" data-target="#login-modal"><span class="hidden-xs text-uppercase">Sign-in</span></a> or <a href="customer-register.html"><span class="hidden-xs text-uppercase">Register</span></a>

                   </span>
                       <span class="checkout">
                           <a class="btn btn-shopping-cart" href="#"><i class="fa fa-shopping-cart fa-2x"></i></a>
                       </span>
    </div>

或

结果:

登录
或注册
签出图标

鉴于我想要：

登录或注册签出图标

---

看起来代码中的其他CSS正在影响您的样式。只输入您希望的html呈现

或

您可以使用：

div {
     display: inline-block;
}

---

为了使float工作，div必须具有

position:relative

属性或

position:static

。此外，只有设置了这些属性的div才受文档流的影响

如果您将要订购的所有div放在右/左侧，并带有以下属性：

position:relative;
float: right;

---

它们应该自动适应。

您需要为所使用的类提供CSS，它们是导致问题的原因。否则，我们将需要结束这个问题，因为它不能以同样的方式复制。所有跨度是怎么回事？可以根据需要设置A标记的样式。默认情况下，您可以使用一个标记来对齐它们。@Jørgen删除了所有跨距并包含了该类，并在div中添加了隐藏的xs文本大写类，效果良好。谢谢@很高兴听到这个消息！欢迎