JSFiddle - React, Tailwind, and code Playground

by lotani_rtb

HTML

<head>
  <!-- DEMAIS CONTEÚDOS DO HEAD  -->
  <script>
    window.rtbhtc = window.rtbhtc || {};
    window.rtbhtc.que = window.rtbhtc.que || [];
    var size = [300,250];
    //parâmetros de configuração
    window.rtbhtc.que.push({
      publisherId: "kSsCDnVtsekrXDmqULbp",
      swidth: size[0],
      sheight: size[1],
      passback: "//placehold.it/300x250",
      type: 'display',
      wrapper: 'rtb-wrapper',
    });
  </script>
  <!-- URL de teste - Não utilize em produção! !-->
  <script src="https://storage.googleapis.com/rtb-inventory-public/direct-ads/not-for-prod/rtb-engine.js"></script>
</head>
<body>
  <!-- DEMAIS CONTEÚDOS DO BODY -->
  <!-- Posição onde o anúncio será entregue-->
  <div id="rtb-wrapper"></div>
  <!-- DEMAIS CONTEÚDOS DO BODY -->
</body>

CSS

#rtb-wrapper {
  width: 300px;
  height: 250px;
  margin: calc(50vh - 125px) auto;
}