JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="qrcode" style="width:430px;border:2px dashed;position:relative;font-family:monospace;border-radius:8px">
  <table >
    <tr>
      <td style="width:50%">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/1200px-QR_code_for_mobile_English_Wikipedia.svg.png" alt="" style="width:100%">
      </td>
      <td style="width:50%;vertical-align:top">
        <h2 style="font-size:24px;padding:4px 0;margin-bottom:10px;">Nama Asset Nama Asset Nama</h2>
        <table style="font-weight:bold;font-size:20px">
          <tr>
            <td>Tahun</td>
            <td>:</td>
            <td>2021</td>
          </tr>
          <tr>
            <td>Code</td>
            <td>:</td>
            <td>AS00012</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <img src="https://rumaortu.co.id/assets_web/aboutus/logo_footer.png" alt="" style="width:70px;position:absolute;right:10px;bottom:10px;opacity:.5">
</div>