css让div下的两个span并排

可以使用CSS的flex布局或者float属性来实现。下面是两种不同的实现方法：

1. 使用flex布局

HTML代码：

<div class="container">
  <span>Span 1</span>
  <span>Span 2</span>
</div>

CSS代码：

.container {
  display: flex;
}

.container span {
  flex: 1;
}

2. 使用float属性

HTML代码：

<div class="container">
  <span>Span 1</span>
  <span>Span 2</span>
</div>

CSS代码：

.container span {
  float: left;
  width: 50%;
}