JSFiddle - React, Tailwind, and code Playground

by jvickyj

HTML

<Title> Learn HTML5 by vicky j... </Title>
<body>
<!-- A paragraph is marked up as follows: -->
<p> This is a first paragraph .</p>
<!-- Second paragraph -->

<p>This is a second paragraph.</p>


</body>

<h1>Example 1</h1>

<h2>Example 2</h2>

<h3>Example 3</h3>

<h4> Example 4</h4>

<a href="mailto:[email protected]">Email Me!</a>

CSS

body {
  background-color: Lightgray;

}
   h1 {
     color: red;
     margin: 5px;
     padding: 50px;
     font-family: "sans-serif"; 
     font-size: 32px;
     line-height: 30px;
     text-align: center;

   }
   h2 {
    color: blue;
    margin: 1px;
    padding: 51px;
    font-family: "sans-serif"; 
     font-size: 33px;
     line-height: 30px;
     text-align: center;


   }
   h3 {
    color: #333333;
    margin: 2px;
    padding: 52px;
    font-family: "sans-serif"; 
     font-size: 34px;
     line-height: 30px;
          text-align: center;

}
h4 {
    color: fuchsia;
    margin: 3px;
    padding: 53px;
    font-family: "sans-serif"; 
     font-size: 35px;
     line-height: 30px;
     text-align: center;

     }
   
   
p {
  color:#333333;
  margin: 10;
  padding: 10;
  text-align: left;
  font-weight: bold;
    

}

a:link {text-decoration: none;}
a:link {text-decoration: underline;}
a:link, a:visited{
  color:green;
  font-weight: bold;
}