<html> <head> <style type="text/css"> body { margin: 0; padding: 0; } a { color: #000; text-decoration: none; } .title { font-size: 15px; font-family: Arial; font-weight: bold; line-height: 30px; padding: 0 10px; margin: 10px 0 5px 0; text-align: center; height: 25px; overflow: hidden; } .img { display: inline-block; vertical-align: bottom; text-align: center; width: 160px; margin-left: 100px; } .img img { width: 150px; height: 150px; } .priceCnt { display: inline-block; vertical-align: bottom; position: absolute; top: 50px; left: 0; margin: 5px 10px 20px 10px; } .priceCnt .price { display: inline-block; font-size: 24px; font-family: Arial; font-weight: bold; border-radius: 5px; padding: 5px 10px; color: #fff; background-color: #D71A21; } .ftr { margin: 0 auto; height: 53px; width: 200px; } </style> </head> <body> <div style="width:300px;height:250px;overflow:hidden;background-color:#fff;box-sizing: border-box;border: 1px solid #ddd;"> <a href="https://www.alza.hu/amd-ryzen-7-9800x3d-d12671823.htm?IDP=19173&banner_id=67854" target="_blank"> <div class="title"> AMD Ryzen 7 9800X3D </div> <div class="priceCnt"> <div class="price">254 290,00HUF</div> </div> <div class="img"> <img src="https://cdn.alza.cz/foto/f7/BD/BD750m7b1.jpg" alt="AMD Ryzen 7 9800X3D"/> </div> <div class="ftr"> <img src="https://affil.alza.hu/Content/Images/Banner/button.alza.hu.png" alt="Vásárlás"/> </div> </a> </div> <script type="text/javascript"> (function () { var AV_img = new Image(); AV_img.src = 'https://affil.alza.hu/bnr.gif?id=67854&idp=19173&productCode=abc&advertismentType=3'; })(); </script> </body> </html>