<div class="heart">
</div>
.heart {
  position: relative;
  width: 100px;
  height: 150px;
}

.heart::after {
  content: '';
  position: absolute;
  left: 34px;
  width: 100px;
  height: 150px;
  background-color: red;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
}

.heart::before {
  content: '';
  position: absolute;
  left: 70px;
  width: 100px;
  height: 150px;
  background-color: red;
  border-radius: 50px 50px 0 0;
  transform: rotate(45deg);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.