JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-fmq7{font-size:12px;font-family:"Lucida Console", Monaco, monospace !important;text-align:center}
</style>
<table class="tg">
  <tr>
    <th class="tg-fmq7">Image</th>
    <th class="tg-fmq7">img tag w/ alt text</th>
  </tr>
      <tr>
    <td class="tg-fmq7"><div id="upload1"><span id="upload" style="display:inline-block;">
      Select your own image:
      </span></div><span style="display:inline-block;">
<a href="#" id="upload_widget_opener"><img src="https://res.cloudinary.com/blog-demo/image/upload/v1534453250/upload_btn.png" style="margin:10px;margin-bottom:15px;vertical-align:bottom" alt="Upload Button" /></a>
</span></td>
    <td class="tg-fmq7" style="text-align:left"><div id="imgsrc1"><span id="imgsrc" style="display:inline-block;">
      </span></div><div id="cloudsight1"><span id="cloudsight" style="display:inline-block;">
      </span></div></td>
  </tr>
  <tr>
    <td class="tg-fmq7"><span style="display:inline-block;">
<img align="middle" width=200 height=200 src="https://res.cloudinary.com/blog-demo/image/upload/w_200,h_200,c_fill,dpr_2.0/dogs.jpg" style="margin-bottom:5px; display:block;" alt="Demo Image 1" />
</span></td>
    <td class="tg-fmq7" style="text-align:left">Alt Text generated by AWS Rekognition Add-on:<br>&lt;img src="https://res.cloudinary.com/blog-demo/image/upload/dogs.jpg" alt="animal, canine, dog"&gt;<br><br>Alt Text generated by CloudSight:<br>&lt;img src="https://res.cloudinary.com/blog-demo/image/upload/dogs.jpg" alt="three dogs sitting near wall"&gt;</td>
  </tr>
  <tr>
    <td class="tg-fmq7"><span...