JSFiddle - React, Tailwind, and code Playground

HTML

<section>
<div class="container">
<p>Ничоси тут текст</p>
</div>
</section>

CSS

section { 
  border-top: 10px solid red;
  border-bottom: 10px solid red;
  background: gray;
}
.container { //типа бутсраповский контейнер
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  color: text;
  border: 1px solid #fff;
}