<style>.center {
height: 100px;
position: relative;
}
.center p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#offer-span {
display: block;
font-weight: 500;
}
.coupon-link {
color: #000;
}
.coupon-link:hover {
color: #000;
}
.coupon-body {
padding: 5px; border: 1px dashed #CCC; border-radius: 5px; overflow: hidden; margin-bottom: 10px;
}
.coupon-body:hover {
box-shadow: 2px 2px 0px 0px #CCC;
}<!------------POST AREA START----------------->
<a href=' https://amzn.to/35noUCO' target='_blank' class='coupon-link'> <!--YOUR AFFILIATE LINK-->
<div>
<div class='coupon-body'>
<div style='margin: 5px;'>
<div style='width: 20%; float: left; text-align: center; vertical-align: middle; overflow: hidden;'>
<div class="center">
<p>
<span id='offer-span' style='font-size: 20px;'>51%</span>
<span id='offer-span' style='font-size: 16px;'>OFF</span>
<span class='coupon-offer'>OFFER</span>
</p>
</div>
</div>
<div style='width: 70%; float: left;'>
<div style="display: table; height: 100px; overflow: hidden;">
<div style="display: table-cell; vertical-align: middle; padding: 3px;">
<div>
Juegoal 12" Lighted Christmas Gnome, Handmade Sequins Hat Scandinavian Swedish Tomte, Light Up Plush Elf Toy Holiday Present, Battery Operated Winter Tabletop Christmas Decorations, 2 Set
</div>
</div>
</div>
</div>
<div style='width: 10%; height: 100px; float: left;'>
<div style="display: table; height: 100px; overflow: hidden;">
<div style="display: table-cell; vertical-align: middle; padding: 3px;">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2sW8OlBV_E1qb_m2hGf9eFkruIKmD7MUGRD4xOf8E9giZYeKUqnJp_3Rk8W6xacPug3Y-vLsfnTw8tkLPUCyJvBLxYJzhezRQO_Kn74HI0BEuStTOW0fBsdWwv9LE6Kw_PMrT7viLWqf6/s1600/go-to-offer.png' imageanchor="1" >
</div></div>
</div>
</div>
</div>
</div>
</a>
<!------------POST AREA END----------------->
</style>
No comments:
Post a Comment