JSFiddle - React, Tailwind, and code Playground

by akash94

HTML

<div class="paper" style="display:flex; ">
      <div class="row" style="background-color:green ">
        I am having align-self style
      </div>
   </div>

CSS

.paper{
  display:flex;
  height:200px;
  width:200px;
  border:1px solid lightblue;
  align-items:center;
  justify-content:center
  }
  
  .row{
    align-self:flex-end;
  }