JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="utf-8">
	<title></title>
</head>
<body>
  <div class="orangeblock">
    <p class="value">BEST VALUE</p>
  </div>
  <div class="whiteblock">
    <p class="iconic">ICONIC GRAPHICS</p>
    <p class="dvadva">25</p>
    <ul class="table">
      <li>PHP, PERL, ASP, JSP</li>
      <li>SEMI DEDICATED</li>
      <li>Straging or Production</li>
      <li>Unlimited e-Mails</li>
    </ul>
    </div>
  <div class="orange button">
    <p class="enroll">ENROLL TODAY</p>
  </div>

</body>
</html>

CSS

body {
  font-family: Trebuchet MS;
}
.orangeblock {
  background-color: #ee8129;
  width: 300px;
  height: 480px;
  margin: auto;
  border-radius: 5px;
}

.value {
  font-size: 24px;
  color: white;
  padding-top: 20px;
  text-align: center;
  font-weight: bold;
  
}

.whiteblock {
  width: 290px;
  height: 400px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  bottom: 407px;
  background-color: white;

}

.iconic {
  text-align: center;
  margin: auto;
  padding-top: 20px;
  font-weight: bold;
}

.dvadva {
  text-align: center;
  font-size: 80px;
  margin: auto;
  padding-top: 20px;
  font-weight: bold;
}


.table {

 line-height: 2;
 background-color: orange;
 list-style-type: none;
 margin-left: 20px;
 margin-right: 20px;
 padding-left: 30px;
 }
 
 .table  li {
    border-bottom: solid black 1px;
 }