flex spans no whitespace

by rwone

HTML

<div class="container">
  <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>
  <span>Donec mollis nulla vel dignissim varius, aliquam tempor elit eget ante viverra ultrices</span>
</div>

CSS

.container {
  display: flex;
}

span {
  width: 100px;
  background: tomato;
  font-size: 30px;
  color: white;
  text-align: center;
}