JSFiddle - React, Tailwind, and code Playground

by Korah Babu Varghese

HTML

<html>
<head>
</head>
<body>
<div class="outerdiv" style="background:rgba(255,255,255,0.8);border-radius:4px">
<div class="header_section" style="background:#3dcd58;border-radius:4px 4px 0 0;font-size:18px;padding:15px 0 15px 15px;color:#fff;font-weight:bold">
Hello
</div>
<ul style="list-style:none;padding:8px;margin:0;">
<li style="border-bottom:1px solid #999999;padding:10px;"><label style="float:left;width:20%;margin:0;color:#000;">Enter Name : </label><input type="text" style="border:none;wioutline:none;width:80%;background:none;border-bottom:1px solid none"></li>
<li style="border-bottom:1px solid #999999;padding:10px;"><label style="float:left;width:20%;margin:0;color:#000;">Enter Age : </label><input type="text" style="border:none;wioutline:none;width:80%;background:none;border-bottom:1px solid none"></li>
<li style="border-bottom:1px solid #999999;padding:10px;"><label style="float:left;width:20%;margin:0;color:#000;">Enter Name : </label><input type="text" style="border:none;wioutline:none;width:80%;background:none;border-bottom:1px solid none"></li>
<li style="border-bottom:1px solid #999999;padding:10px;"><label style="float:left;width:20%;margin:0;color:#000;">Enter Age : </label><input type="text" style="border:none;wioutline:none;width:80%;background:none;border-bottom:1px solid none"></li>
<li style="border-bottom:1px solid #999999;padding:10px;"><label style="float:left;width:20%;margin:0;color:#000;">Enter Name : </label><input type="text" style="border:none;wioutline:none;width:80%;background:none;border-bottom:1px solid none"></li>
</ul>
</div>
</body>
</html>

CSS

body{
  background:#000;
}