JSFiddle - React, Tailwind, and code Playground
by Margus Martsepp
HTML
<div class="art-block art-no-lead">
<span class="art-time">15:15</span> <span class="art-date">19. november 2014</span>
<br>
<a href="/borsiuudised/2014/11/19/hsbc-euroopa-aktsiatel-tuleb-kahekohaline-kasv" class="art-title">
Suurpank ennustab Euroopa aktsiatele kahekohalist kasvunumbrit</a>
</div>
<div class="bannerwrap block-wide desktop-hide">
<div id="adoceanaripaeeldhqjxrrsd6" class="banner desktop-hide" data-masterid="c9AMfrpU7eKW.blzF93B.estYE.TU2MMbSDzBkJhuSb.I7" data-welcome="false" style="display: block;">
<div id="bbb.creativejqlrononsezvlwoqntfqjqis" style="width: 295px; height: 230px; margin-left: 0px;">
<a target="_blank" href="http://aripaadee.hit.gemius.pl/hitredir/id=1_1L_SrP0.hgvx09RC7c4GaG7DqBF7fGUIPKdbBHFMP.V7/stparam=zolrfsrsoh/fastid=ephgckpevqqjmjdlvhjhterhqtla/sarg=5460C559FAAA610B/url=http%3A%2F%2Fwww.kv.ee%2F%3Futm_source%3Dmaripaev%26utm_medium%3Dbanner%26utm_campaign%3Drohkemkodusid"><img src="http://aripaee.adocean.pl/files/mlegkupibq/ubqqhsgonq/allegro_baltics_300x230_15733_2.jpg" onclick="this.blur()" border="0" style="width:100%;height:100%;">
</a>
</div>
</div>
</div>
<div class="art-block art-no-lead">
<span class="art-time">15:15</span> <span class="art-date">19. november 2014</span>
<br>
<a href="/borsiuudised/2014/11/19/hsbc-euroopa-aktsiatel-tuleb-kahekohaline-kasv" class="art-title">
Suurpank ennustab Euroopa aktsiatele kahekohalist kasvunumbrit</a>
</div>
CSS
.bannerwrap>div {
width: 100%!important;
height: 100%;
display: inline;
}
.bannerwrap .banner>div{
/*width: 100%!important;*/
/*height: auto!important;*/
/*width: inherit;*/ /* Make images fill their parent's space. Solves IE8. breaks mobile view*/
max-width: 100%;
margin-bottom: 10px;
width: 100%;
}
.bannerwrap .banner>div {
height: auto !important;
/*height: unset!important;*/
}