Modelo de Texto

				
					<span class="quadradinhos"><span class="quadrado quadrado1"></span> <span class="quadrado quadrado2"></span> <span class="quadrado quadrado3"></span> <span class="quadrado quadrado4"></span> <span class="texto-selecao">CSS PACK</span></span>

CSS

				
					.quadradinhos {
  border: 2px solid #00965D;
  padding: 10px 20px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
}

.quadrado {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 2px;
  border: 2px solid #00965D;
}

.quadrado1 {
  top: -8px;
  left: -8px;
}
.quadrado2 {
  top: -8px;
  right: -8px;
}
.quadrado3 {
  bottom: -8px;
  left: -8px;
}
.quadrado4 {
  bottom: -8px;
  right: -8px;
}