JSFiddle - React, Tailwind, and code Playground

HTML

<h2 class="example1"><span>Hello</span> my name is Mark</h2>
<h2 class="example2"><span>Hello</span> my name is Mark</h2>

CSS

h2 {
  text-align: center;   
}
.example1 span {
    float: left;
}

.example2 span {
    padding: 0 50px;
}