[分享]css两个span平行

CSS 可以用于同一行内平行显示两个span元素。我们可以通过设置这些元素的 display 属性来实现这一目标，如下所示：

span{
  display: inline-block;
} 

通过将 display 属性设置为 inline-block，我们可以使得两个span元素并排出现，并按我们期望的方式呈现。

不过，有时候这种方法可能会导致元素之间存在一些间隙或间距。为了消除这些问题，我们可以使用 Font Awesome 等图标库，在 span 元素中添加一个小图标。这样我们就可以方便地管理这些元素，并且更好地控制它们在同一行内的显示与布局。

<span><i class="fa fa-user"></i> 用户名</span>
<span><i class="fa fa-lock"></i> 密码</span> 

上面的代码使用 Font Awesome 图标库添加了两个小图标，分别表示“用户名”和“密码”。通过这种方式，我们可以使得这些元素在同一行内平行显示，并且更加美观和易于管理。