<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; margin: 10px 0 5px 10px; } .img { display: inline-block; vertical-align: bottom; width: 160px; margin-left: 100px; } .img img { width: 140px; height: 140px; } .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:250px;height:250px;overflow:hidden;background-color:#fff;box-sizing: border-box;border: 1px solid #fff;"> <a href="https://www.alza.cz/hyperx-cloud-iii-black-d7786214.htm?IDP=8696&banner_id=32394" target="_blank"> <div class="title"> HyperX Cloud III Black </div> <div class="priceCnt"> <div class="price"> 1 749 K </div> </div> <div class="img"> <img src="https://cdn.alza.cz/foto/f7/DS/DS993l9.jpg" alt="HyperX Cloud III Black"/> </div> <div class="ftr"> <img src="https://affil.alza.cz/Content/Images/Banner/button.alza.cz.png" alt="Koupit"/> </div> </a> <a href="https://affil.alza.cz/bnr.gif?id=32394&idp=8696&productCode=abc&advertismentType=8"></a> </div> <script type="text/javascript"> (function () { var AV_img = new Image(); AV_img.src = 'https://affil.alza.cz/bnr.gif?id=32394&idp=8696&productCode=abc&advertismentType=8'; })(); </script> </body> </html>