JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<table>
  <thead>
  <tr><th>Element</th><th>Purpose</th><th>Example</th></tr>
  </thead>
  <tbody>
  <tr><td>a</td><td>Hyperlinks</td><td>Visit my <a href="drinks.html">drinks</a> page.</td></tr>
  <tr><td>em</td><td>Stress emphasis</td><td>I must say I <em>adore</em> lemonade.</td></tr>
  <tr><td>strong</td><td>Importance</td><td>This tea is <strong>very hot</strong>.</td></tr>
  <tr><td>small</td><td>Side comments</td><td>These grapes are made into wine. <small>Alcohol is addictive.</small></td></tr>
  <tr><td>s</td><td>Inaccurate text</td><td>Price: <s>£4.50</s> £2.00!</td></tr>
  <tr><td>cite</td><td>Titles of works</td><td>The case <cite>Hugo v. Danielle</cite> is relevant here.</td></tr>
  <tr><td>q</td><td>Quotations</td><td>The judge said <q>You can drink water from the fish tank</q> but advised against it.</td></tr>
  <tr><td>dfn</td><td>Defining instance</td><td>The term <dfn>organic food</dfn> refers to food produced without synthetic chemicals.</td></tr>
  <tr><td>abbr</td><td>Abbreviations</td><td>Organic food in Ireland is certified by the <abbr title="Irish Organic Farmers and Growers Association">IOFGA</abbr>.</td></tr>
  <tr><td>time</td><td>Date and/or time</td><td>Published <time>2009-10-21</time>.</td></tr>
  <tr><td>code</td><td>Computer code</td><td>The <code>fruitdb</code> program can be used for tracking fruit production.</td></tr>
  <tr><td>var</td><td>Variables</td><td>If there are <var>n</var> fruit in the bowl, at least <var>n</var>÷2 will be ripe.</td></tr>
  <tr><td>samp</td><td>Computer output</td><td>The computer said <samp>Unknown error -3</samp>.</td></tr>
  <tr><td>kbd</td><td>User input</td><td>Hit <kbd>F1</kbd> to continue.</td></tr>
  <tr><td>sub</td><td>Subscripts</td><td>Water is H<sub>2</sub>O.</td></tr>
  <tr><td>sup</td><td>Superscripts</td><td>The Hydrogen in heavy water is usually <sup>2</sup>H.</td></tr>
  <tr><td>i</td><td>Alternative voice</td><td>Lemonade consists primarily of <i>Citrus limon</i>.</td></tr>
 ...

CSS

tbody tr:nth-child(odd) {
    background: #eee;
}
table {
  margin-bottom: 1em;
}