JSFiddle - React, Tailwind, and code Playground

by totoromaum

HTML

<!DOCTYPE>

  <body>
  times new Roman
    <h1> <u>Header 1</u></h1>
    <p>Paragraph 1</p>
    <h1> <u>Header 2</u></h1>
    <p>Paragraph 2</p>
    
    <ul>Un-Ordered List
    <li>list item</li>
     <li>list item</li>
      <li>list item</li>
     <li>list item</li>
    </ul>
      <ol>Ordered List
    <li>list item</li>
     <li>list item</li>
      <li>list item</li>
     <li>list item</li>
    </ol>
  </body>
  
  <table>
  <tr>
    <th> Table</th>
    <th> Table</th>
    <th> Table</th>
  </tr>
   <tr>
    <td> Table Data</td>
    <td> Table Data</td>
    <td> Table Data</td>
  </tr>
  
  </table>

CSS

body
{ 
color:rgb(10, 90, 90);
background-color:black;
font-family:georgia, cursive;
font-size: 30px;
font-weight: bolder ;

} 
h1

{ 
  color:rgb(83, 244, 66);
  font-size:40px;
  font-family:fantasy,cursive;
  }
p
{
  color:rgb(83, 244, 66);
  font-size:30px;
  font-family:impact,fantasy;
  }
  ul
  {
   font-size: 40px; 
   list-style-image:url('list.png');
  }
  ol
  {
  font-family: fantasy;
  color:orange;
  list-style-type:georgian;
  }
  table
  {
    border:4px solid white;
    background-color:white;
  }
  th
  {
  color:rgb(90, 10, 10);  
  }