JSFiddle - React, Tailwind, and code Playground

by Santosh Giridhara

HTML

<br><br>

<p>some text</p>
<div>
  <table summary="">
    <tr>
      <td>F</td>
    </tr>
    <tr>
      <td>r</td>
    </tr>
    <tr>
      <td>e</td>
    </tr>
    <tr>
      <td>q</td>
    </tr>
    <tr>
      <td>u</td>
    </tr>
    <tr>
      <td>e</td>
    </tr>
    <tr>
      <td>n</td>
    </tr>
    <tr>
      <td>c</td>
    </tr>
    <tr>
      <td>y</td>
    </tr>
  </table>
</div>
<p>continues afterwards</p>

CSS

p,
div {
  display: inline-block;
  vertical-align: middle;
}

p,
div {
  display: inline !ie7;
}

table {
  background: white;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0 10px;
}

td {
  padding: 5px;
  text-align: center;
}