Heart Shape body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f0f0; }

This code creates a simple heart shape using CSS. The heart shape is made up of two pseudo-elements, ::before ::after, which are styled to form the top halves of the heart. The main heart element has a width and height set to create the overall shape of the heart. When you open this code in a browser, you will see a red heart shape displayed in the center of the page. The background color of the page is set to a light gray color (#f0f0f0) to provide contrast with the red heart shape. You can customize the size of the heart shape by adjusting the width and height values of the .heart class. Additionally, you can change the color of the heart shape by modifying the background property within the .heart::before and .heart::after selectors. Overall, this code demonstrates how CSS can be used to create visually appealing shapes, such as a heart, on a web page.