JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<!--Chapter 1-->
<p>
An image:
<img src="http://www.iitd.ac.in/sites/default/files/acquia_prosper_logo.jpg" alt="Smiley" width="42" height="42">
    <h2>2 row 2 column </h2>
    <!--End Chapter 1-->
      
   <!--Chapter 2-->
    <table style="width:300px">
<tr>
            <th> NOTES</th>
    <th colspan="3">NAME </th>

    <th rowspan="2"> salary </th>
   </tr>
<tr>
  <td>Eve</td>
  <td>Jackson</td>		
  <td>94</td>
    <td> 21</td>
    <td> 55</td>
    <td>65</td></tr>
        <tr>
    <td>76</td>
    <td>87</td>
    <td> 98</td>
</tr>
<tr>
  <td>John</td>
  <td>Doe</td>		
  <td>80</td>
</tr>
</table>
    <h1> 2nd Table </h1>
    <table style="width:200px">
        <tr> <th> name</th>
            <td> Bannu </td> </tr>
        <tr> <th> AKA </th>
            <td> Hector </td></tr>
    </table>
    <!--End Chapter 2-->
<table>
<tr>
<td> <p> kota </p>
<p> bundi</p>
</td>
<td> temp table
<table> 
<tr><th>mon</th>
<th>tues</th> 
</tr>
<tr>
<td>28</td>
<td>28</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> Family members:
<ol type="a">
<li>papa</li> <dd>-head of Family</dd>
<li> mummy</li> </ol><ul style="list-style-type:square">
<li>panki <ul> <li> Pankaj</li></ul> </li>
<li>bannu <ul><li>Ishank</li></ul> </li>
</ul>
</td>
<td> Happy</td>
</tr>
</table>


<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<!--Form & Inputs-->
<form>
    First name: <input type="text" name="First name"> <br>
     Last name:<input type="text" name="Last name" > <br> 
      </form>  
    <form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
    <form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>
    <form name="input" action="demo_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
        <!--Iframe-->
            
     ...

CSS

table,th,td
{
 
 border:1px solid black;border-collapsed:collapse;
}
th,td
{
padding:11px
}
th
{
text-allign:left;
}
table
{border-spacing:11px;
}
<p style="background-color:#FFFF00">
Color set by using hex value
</p>