JSFiddle - React, Tailwind, and code Playground

by Nathan

HTML

<div class="wrapper">
    <div>H</div>
    <div>e</div>
    <div>l</div>
    <div>l</div>
    <div>o</div>
    <div>&nbsp</div>
    <div>W</div>
    <div>o</div>
    <div>r</div>
    <div>l</div>
    <div>d</div>
</div>

CSS

.wrapper{
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border: 1px solid black;
}