JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<Container class="my-class 
                  d-flex 
                  d-inline-flex
                  align-items-center 
                  justify-content-between 
                  w-100
                  flex-wrap
                  px-2 flex-row">
                  
                  
  
  <div>
    <a class="pr-2">Item 1</a>
    <a class="px-2">Item 2</a>
    <a class="pl-2">Item 3</a>
  </div>
  <div>Right Item</div>
</Container>

CSS

.my-class {
  margin: 100px auto;
  background-color: lightgrey;
  height: 60px;
}