JSFiddle - React, Tailwind, and code Playground

by jteve code

HTML

<!-- index.html -->	
	<body>
		<p>padding : 5px; margin : 0px;</p>
		<p class='p1'>background-color: rgb(238,62,128);</p>
		<p class='p2'>background-color: #ff0000;	</p>
		<p class='p3'>background-color: rgba(255, 0, 0, 0.3); 	padding : inherit;</p>
		<p class='p4'>background-color: hsl(180, 100%, 50%); 	color : black;	</p>
		<p class='p5'>background-color: hsla(120, 100%, 50%, 0.3);</p>
  	</body>

CSS

/* 
style.css
*/
body{
	background-color: silver;
	color :white;
	padding : 20px;
	font-family: Arial, Verdana, sans-serif, 나눔 고딕, NanumGothic;
}

p{
	padding : 5px; margin : 0px;
}

p.p1{
	background-color: rgb(238,62,128);
}

p.p2{
	background-color: #ff0000;	
}

p.p3{
	background-color: rgba(255, 0, 0, 0.3); 	padding : inherit;
}
p.p4{
	background-color: hsl(180, 100%, 50%); 	color : black;	
}
p.p5{	
	background-color: hsla(120, 100%, 50%, 0.3);
}