JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="wrapper">
         <div class="class1">Page 1 of 1</div>
         <div class="class1"> — </div>
         <div class="class1">Next</div>
    </div>
</body>

CSS

.wrapper {
    text-align:center;   
     background:#ccc;
     padding:20px;  
     margin:40px; 
}

.wrapper div {
    display:inline;
}