newOne

by Gopinath Kaliappan

HTML

<div class="parent-cards">
<div class="parent_items">
  <div class="item_card_new">
    <div>
      <span class="item-color-green">
        15
      </span>
    </div>
    <div>
      <span>
          Total no of Associates
      </span>
    </div>
  </div>
  <div class="item_card_new remove-border">
    <div>
      <span class="item-color-green">
        15
      </span>
    </div>
    <div>
      <span>
          Total no of associates
      </span>
    </div>
  </div>
  <div class="item_card_new remove-border">
    <div>
      <span class="item-color-green">
        15
      </span>
    </div>
    <div>
      <span>
          Total no of associates
      </span>
    </div>
  </div>
  <div class="item_card_new remove-border">
    <div>
      <span class="item-color-green">
        15
      </span>
    </div>
    <div>
      <span>
          Total no of associates
      </span>
    </div>
  </div>
  <div class="item_card_new remove-border">
    <div>
      <span class="item-color-green">
        15
      </span>
    </div>
    <div>
      <span>
          Total no of associates
      </span>
    </div>
  </div>
</div>
</div>

CSS

.item_card_new {
  display: inline-block;
  width: 125px;
  margin: 15px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  background-color: white;
  border-right: 1px solid #80808063;
  
}
.item-color-green {
  color: green;
  font-size: 25px; 
}
.parent_items {
  display: inline-block;
    border: 1px solid #80808063;
}
.parent-cards {
  text-align: center;
}

.remove-border {}