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

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

.heart2 {
  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.