HTML

flexbox row

<!--Please give a thumbs up if this was helpfull-->

<div class="container">
  <p>1</p>
  <p>2</p>
</div>

<style>
.container{
  width:300px;
  display:flex;
  dlex-direction:row;
  justify-content:space-between;
}

p{
  background:red;
  color:white;
  width:30%;
}
</style>

flex row

.item {
  order: 5; /* default is 0 */
}