JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div class="container">
  <div class="content">
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Esse, sapiente dolore aliquid repudiandae nisi optio ratione. Amet, dolore! Illo architecto perferendis consequatur veniam ipsa cum voluptate similique est deserunt doloremque.</p>
  </div>
  <div class="action">
   <button class="btn cancel-btn">Cancel</button>
    <button class="btn submit-btn">Submit</button>
   
  </div>
</div>

CSS

.container {
  width: 500px;
  background: #f5cab3;
  position:relative;
}

.action {
  background: #f3ecb8;
  padding: 10px 0;
  display: flex;

}

.btn {
  border: none;
  padding: 8px 10px;  
}

.submit-btn {
  position:absolute;
  background: #b590ca;
  right:0;
  clear:both;
}

.cancel-btn {
   position:absolute;
  background: #a8d3da;
  right:0;
  clear:both;
}