JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<article class="vevent">
  <header><h1 class="summary">Play Name</h1></header>
<aside>
  <h2>Dates</h2>
<ul>
   <li>Fridays <span class="dtstart"><abbr class="value" title="2013-05-17">17</abbr> <span class="value hideme">7:30pm</span></span>&#45; <span class="dtstart"><abbr class="value" title="2013-05-24">24</abbr><span class="value hideme">7:30pm</span></span></li>
   <li>Saturdays <span class="dtstart"><abbr class="value" title="2013-05-18">18</abbr> <span class="value hideme">7:30pm</span></span>&#45; <span class="dtstart"><abbr class="value" title="2013-05-25">25</abbr><span class="value hideme">7:30pm</span></span></li>
   <li>Sundays <span class="dtstart"><abbr class="value" title="2013-05-19">19</abbr> <span class="value hideme">7:30pm</span></span>&#45; <span class="dtstart"><abbr class="value" title="2013-05-26">26</abbr><span class="value hideme">7:30pm</span></span></li>
    <li>Monday <span class="dtstart"><abbr class="value" title="2013-05-27">27</abbr> <span class="value hideme">7:30pm</span></span></li>
      <li>All shows start at 7:30 PM</li>
    </ul>
</ul>

    <h2>Tickets</h2>
    <ul>
      <li>Adult $8.00</li>
      <li>Child (5-17) $5.00</li>
    </ul>

    <h2>Directed By</h2>
    <ul>
      <li>Director Name</li>
    </ul>
  </aside>
<div>
    <p class="description">Summary of a theatre play....</p>
  </div>
</article>