JSFiddle - React, Tailwind, and code Playground

by Jake

HTML

<div style="background:#f0eee4;padding-top:12px;padding-bottom:12px;">
  <div style="width:600px;margin:24px auto;border-radius:5px;background:white;">
    <img src="http://gallery.mailchimp.com/c536c216fc8c00a28a46a5d38/images/SportsUpdate_wordmark.1.jpeg" style="border-radius:5px 5px 0 0;">
    <div style="margin: 14px;">
      <table>
        <tbody>
          <tr>
            <td style="width:50%;font-size:18px;color:#606060;font-family:helvetica;line-height:1.2;">
              <b>Sports Update for <br>April 7, 2026</b>
            </td>
            <td style="width:50%;color:#555555;font-family:helvetica,sans-serif;font-size:13px;line-height:1.2;" valign="top">
                <a href="https://www.bates.edu/alumni/friends-of-bates-athletics/" style="color:#851326;text-decoration:none;word-wrap:break-word!important" target="_blank">
                  <b>Friends of Bates Athletics</b>
                </a><br>
                Learn about FBA, including coming events on and off campus.
            </td>
          </tr>
        </tbody>
      </table>
      <hr style="border-bottom:solid #ccc 1px;border-top:none;">
    
<div class="story" style="margin:.75em 0;padding:.75em 0;border-bottom:1px solid #ccc;">
<h1 class="story-name" style="font-size:1.5em;font-weight:500;">
<a style="color:#881124;text-decoration:none;" href="https://gobatesbobcats.com/news/2026/4/21/bates-bobcast-episode-413-the-champions-of-maine.aspx">
<span>Bates Bobcast Episode 413: The Champions of Maine</span>
</a>
</h1>
<p class="story-date" data-type="date" style="margin:.8em 0;color:gray;font-weight:500;">April 21, 2026</p>
<div class="story-text"><img alt="Bobcast" src="https://gobatesbobcats.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&image_path=/images/2026/4/21/Bobcast_April_21.jpg"><br><br>This week we're looking back on a big weekend of track and field, hosted and won by the Bobcats. Plus, the softball team has won five of six games...