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>
     <tr>
    <td> Table Data</td>
    <td> Table Data</td>
    <td> Table Data</td>
  </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:black;
    width:80%;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-image:url('https://s-media-cache-ak0.pinimg.com/originals/d1/e5/78/d1e578d82821b5dec9e0d9ec3c597b1e.jpg')
  }
  th
  {
  color:rgb(90, 10, 10);
  font-size:20px;
  border: 1px solid white;
  height:40px;
  padding:10px;
  }
    td
  {
  color:rgb(90, 10, 10);
  font-size:20px;
  border: 1px solid white;
  height:50px;
  padding:10px;
  }