JSFiddle - React, Tailwind, and code Playground

by Pritesh Patel

HTML

<div class="row">
  <i-=mg class="center"/>
  <p class="name">
  hellllllooooooooo
  </p>
  <h2 class="price">$10</h2>
  <button class="btn">
  Add
  </button>
</div>

CSS

.row{
  width: 200px;
  border: 1px solid black;
}
.center {
  display: block;
   margin-left: auto;
   margin-right: auto;
}
.name{
  margin: 20px auto;
  text-align: center;
}
.price{
  text-align: center;
}
.btn{
  color: white;
  padding: 15px;
  margin: 20px auto;
  display: flex; 
  justify-content: center;
  background-color: green;
  border: none;
  font-size: 15px;
}