JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"> 
 <span class="centerMe">center</span>
 <span class="ontheright">-------I'm on the right!</span>
</div>

CSS

.container {
    text-align:center
}
.centerMe {
    margin-left:auto;
    margin-right:auto;
    position: relative;
    left: 70px;
}
.ontheright {
    float:right;
    position: relative;
}
@media screen and (max-width: 320px) {
    .ontheright {
        float: none;
        top: 20px;
}