JSFiddle - React, Tailwind, and code Playground

by imys

HTML

<h1 class="capitalize before">world</h1>
<h1 class="capitalize after">hello</h1>

CSS

.capitalize {
  text-transform: capitalize
}
.before {
  padding-left: 2.5em
}
.before:before {
  position: absolute;
  left: 0;
  content: 'hello'
}
.after:after {
  position: absolute;
  content: 'world';
  text-transform: capitalize
}
.before:first-letter {
  text-transform: uppercase
}