Creating a Heart Shape with HTML and CSS

1<div class="heart"></div>
2

1.heart {
2  position: relative;
3  width: 200px;
4  height: 200px;
5  background-color: red;
6  transform: rotate(-45deg);
7  margin: 50px;
8}
9
10.heart::before,
11.heart::after {
12  content: '';
13  position: absolute;
14  width: 200px;
15  height: 200px;
16  background-color: red;
17  border-radius: 50%;
18}
19
20.heart::before {
21  top: -100px;
22  left: 0;
23}
24
25.heart::after {
26  top: 0;
27  left: 100px;
28}
29