HTML ve CSS kullanarak bir web sayfası oluşturun ve bir ürünü sergileyin.
<!DOCTYPE html>
<html>
 <head>
 <title>Ürün Sayfası</title>
 <style>
 body {
 font-family: Arial, sans- serif;
 }
 .product-page {
 display: flex;
 flex-direction: column;
 align-items: center;
 }
 .product-image img {
genişlik: 400px ;
 yükseklik: 400px;
 }
 .product-description {
 text-align: center;
 font-size: 1.4em;
 }
 .product-price {
 font-weight: kalın;
 yazı tipi boyutu: 1,6em;
 }
 </style>
 </head>
 <body>
 <div class="product-page">
 <h1> Ürün Adı</h1>
 <div class="product-image">
 <img src="product.jpg" alt="Ürün Resmi">
 </div>
 <div class="product-description">
 Ürün açıklaması
 </div>
 <div class="product-price">
 99,99$
 </div>
 </div >
 </body>
</html>