JSFiddle - React, Tailwind, and code Playground

by rasikaceg

HTML

<!-- saved from url=(0071)file:///C:/Users/rasika/Desktop/html%20pages/Domain_Information_new.htm -->
<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
     <link rel="stylesheet" type="text/css" href="domain_css.css">
</head>
<body>
    <form action="http://127.0.0.1:1213/DomainInfo" method="post">
         <h1>Domain Specific Information</h1>

        <p>Required fields are followed by <strong><abbr title="required">*</abbr></strong>.</p>
        <section>
            <table>
                <tbody><tr>
                    <td>
                        <label for="domain"> <span>Domain: </span>

                        </label>
                    </td>
                    <td>
                        <select name="DomainName" id="Domain_name" required="" />
                <option value="Music">Music </option>
                <option value="Application">Application </option>
                <option value="News">News </option>
                <option value="Weather">Weather </option>
                <option value="Phone">Phone </option>
                <option value="Conatcts">Contacts </option>
                <option value="Message">Message </option>
            </select> <strong><abbr title="required">*</abbr></strong>

                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="locale"> <span>Locale: </span>

                        </label>
                    </td>
                    <td>
                       <select name="locale" required="" />
                <option value="en-US">en-US </option>
                <option value="ko-KR">ko-KR </option>
                <option value="ja-JP"> ja-JP</option>
                <option value="zh-CN">zh-CN </option>
                <option value="en-GB">en-GB </option>
                <option value="es-ES">es-ES </option>
                <option value="es-US">es-US </option>
				 <option...

CSS

<style> h1 {
    margin-top: 0;
    font-weight: bold;
    display: block;
    color: #692525;
    font-family:'Oswald';
    font-size: 20px;
}
p{
    font-family:'Oswald';
    color: #685F5F;
}
ul {
    margin : 0;
    padding: 0;
    list-style: none;
}
form {
    background-color:#F5F5F5;
    margin: 0 auto;
    width : 600px;
    padding: 1em;
    border : 3px solid #0B0B61;
    border-radius: 1em;
}
label {
    font-weight: bold;
    display: block;
    width: 300px;
    float: left;
    text-align:left;
    padding:1em;
    color: #0B0B61;
    font-family:'Oswald';
    font-size: 15px;
    text-decoration: none;
}
input {
    display:inline-block;
    width:100px;
    text-align:left;
}
fieldset {
    border:none;
    width:700px;
    margin:0px auto;
}
button {
    margin-left: 280px;
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #0B0B61;
    font-family:'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: hand;
    border:none;
}
button:hover {
    border: none;
    background:#A57D7D;
    box-shadow: 0px 0px 1px #755D5D;
}
</style>