JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Inline-Elemente ohne Leerstelle -->
<div>
<span>Hello</span><span>Fans</span><span>of</span><span>Selfhtml</span>
</div>
<!-- Inline-Elemente mit Leerstelle -->
<div>
<span>Hello</span>
<span>Fans</span>
<span>of</span>
<span>Selfhtml</span>
</div>
<!-- Inline-Elemente mit Leerstelle, aber Flexbox-Container -->
<div class="flex">
<span>Hello</span>
<span>Fans</span>
<span>of</span>
<span>Selfhtml</span>
</div>

CSS

div {
  margin-bottom: 1em;
}
span {
  border: 1px solid red;
}
.flex {
  display:flex;
}