Как сделать флажок с помощью CSS (Border)

Привет любители прекрасного в дизайне! Сегодня поделюсь кодом флажка, а че 😉 какой праздник без флажков, а если дизайн детского сайта, или дизайн детского интернет магазина, да и просто…дизайн!!!  Экспериментируйте.

.flag {
  background-color: #000;
  position: relative;
  width: 40px;
  height: 80px;
}
.flag:before {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  border-left: 20px solid #000;
  border-right: 20px solid #000;
  border-bottom: 20px solid transparent;
}