JSFiddle - React, Tailwind, and code Playground
HTML
<nav>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
<button class="span-class">span-text33</button>
<button class="span-class">span-text44444</button>
<button class="span-class">span-text555555</button>
<button class="span-class">span-text1</button>
<button class="span-class">span-text2222</button>
...
CSS
nav {
max-width : 60em;
overflow-x : auto;
width : 100%;
margin-left : auto;
margin-right : auto;
border : 1px solid grey;
text-align : justify;
line-height: 130%;
}
nav button {
border: 1px solid black;
background-color: #ffc;
white-space:pre;
}
nav button:hover { background-color: #fcc; }
.text-wrapper{
text-align : justify;
}
section.separator {
margin: 1em 0;
}