JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <section class="Wrapper">
    <h1 class="title">Test Title</h1>
    <div class="honbun"> サンプルテキスト </div>
  </section>
  <section class="Wrapper">
    <h1 class="title">Test Title</h1>
    <div class="honbun"> サンプルテキスト </div>
  </section>
</div>

CSS

.container {
  display: flex;
}

.Wrapper {
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: column;
  width: 50%;
  border: 1px solid black;
  background-color: purple;
}