JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<div id="ba_container_149_bottom" class="banner-ad-bottom" style="display: block;"><iframe style="border: 0px none; width: 940px; height: 180px; overflow: hidden;" src="//www.dr.dk/tjenester/banner-ios-bug/index.aframe" scrolling="no" width="940px" height="180px" frameborder="0"></iframe></div>

CSS

.banner-ad-bottom {
	margin-bottom: 10px;
	margin-top: -60px;
	padding-bottom: 20px;
}

.banner-ad-top, .banner-ad-bottom {
	position: relative;
	text-align: center;
	width: 100% !important;
	margin: 0 auto;
	max-width: 940px;
	max-height: 180px;
	overflow: hidden;
}

.banner-ad-top:before, .banner-ad-bottom:before {
	padding-bottom: 19.15%;
	content: " ";
	visibility: visible !important;
	display: block;
}

.banner-ad-top *, .banner-ad-bottom * {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 940px !important;
	max-height: 180px !important;
	width: 100% !important;
	height: 100% !important;
	display: block!important;
}

body * {
	outline: none!important;
}

* {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-weight: normal;
}