JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pageWrapper">
<div class="inner">
<header class="pageHeader">
<div class="siteInfo">
    <h1>Текст, который должен быть в центре</h1>
    <p>Текс с выравниванием по правому краю</p>
</div>
</header>

CSS

div.siteInfo p { 
  text-align: right;
}
div.siteInfo h1{ 
 text-align:center;
}