JSFiddle - React, Tailwind, and code Playground

by Lucas Souza

HTML

<div class="certificadocol1">teste</div>
<div class="certificadocol2">teste</div>
<div class="certificadocol3">teste</div>
<div class="certificadocol4">teste</div>

CSS

.certificadocol1 {
  width: : 25%;
  height: 100px;
  float: left;
  padding: 15px;
  text-align: center;
  padding: 6px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e7e7e7;
}

.certificadocol2 {
  width: : 25%;
  height: 100px;
  float: left;
  padding: 15px;
  text-align: center;
  padding: 6px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e7e7e7;
}

.certificadocol3 {
  width: : 25%;
  height: 100px;
  float: left;
  padding: 15px;
  text-align: center;
  padding: 6px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e7e7e7;
}

.certificadol4 {
width: : 25%;
  height: 100px;
  float: left;
  padding: 15px;
  text-align: center;
  padding: 6px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e7e7e7;
}