JSFiddle - React, Tailwind, and code Playground

HTML

<section>hello</section>
<section>hello hello </section>
<section>hello hello hello  </section>
<section>hello hello hello  hello  </section>
<section>hello hello hello  hello  hello  </section>
<section>hello hello hello  hello  hello  hello  </section>
<section>hello hello hello  hello  hello  hello  hello  </section>
<section>hello hello hello  hello  hello  hello  hello  hello  </section>
<section>hello hello hello  hello  hello  hello  hello  hello  hello  </section>

CSS

section {
    background-color: #2b65ae;
    color: #ffffff;
    padding: 5px 30px 0px;
    font-size: 24px;
    display:table;
    width: 200px;
    white-space:nowrap;
    height: 30px;
    margin: 0 auto;
    text-transform: uppercase;
   -moz-box-shadow:    inset 0 0 8px #444444;
   -webkit-box-shadow: inset 0 0 8px #444444;
   box-shadow:         inset 0 0 8px #444444;
}