These two are not equivalent:
<div className="flex"> <span>Hello I am some text</span> <span>More text</span> </div>
This treats each span as effectively a block element, meaning text wraps within each block.
<div>
  <span>Hello I am some text</span>
   
  <span>More text</span>
</div>
This keeps the text wrapping more natural, where individual words will wrap to a new line without breaking everything.