JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<div class="wrapper">
    <div id="plusDiv">+</div>
    <div id ="minusDiv"><p>-</p></div>
</div>

CSS

#plusDiv {
    height:100px;
    width:100px;
    background-color:black;
    text-align:center;
    color:red;
    display: table-cell;
    vertical-align:middle; 
    font-weight:900;
}

#minusDiv {
  background-color: red;
  position: relative;
  width: 100px;
  height: 100px;    
}

#minusDiv{
    height:100px;
    width:100px;
    background-color:red;
    text-align:center;
    color:black;
    display: table-cell;
    vertical-align:middle; 
    font-weight:900;
}

#plusDiv p{
 color: red; 
  text-align:center;  
  vertical-align: middle;
}