<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;
}</style>
<div dir="ltr" style="text-align: left;" trbidi="on">
4
<!------------POST AREA START----------------->
<a href='https://amzn.to/3f6ovIq' 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;'>61%</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>
Boya BYM1 Omnidirectional Lavalier Condenser Microphone with 20ft Audio Cable (Black) best mic blogging</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/AVvXsEiX1p7dcvPc1LLss1onH2UzBf-VN5vGz8wITfW4EfG__Gtc3E6y-akoGV1VPiFlCSK2l78iq0GPmtew8yuAGDPH62rNL85ufdu_mzrYwmgwgNfqKOM-53rKcFAODHmiLkvSFtBGlaxlu36C/s1600/go-to-offer.png' imageanchor="1" >
</div></div>
</div>
</div>
</div>
</div>
</a>
<!------------POST AREA END----------------->
<br /></div>
No comments:
Post a Comment
If you have any doubts .let me know