JSFiddle - React, Tailwind, and code Playground

by rasikaceg

HTML

<body>
    <form action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi" 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>
                            <input type="text" id="domain" name="domaniname" required="" /> <strong><abbr title="required">*</abbr></strong>

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

                            </label>
                        </td>
                        <td>
                            <input type="text" id="locale" name="locale" required="" /> <strong><abbr title="required">*</abbr></strong>

                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="period_1"> <span>Time Period for ASR LM Update: </span>

                            </label>
                        </td>
                        <td>
                            <input type="number" id="period_1" name="period_1" required=""> <strong><abbr title="required" />*</abbr></strong>

                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="period_2"> <span>Time for NLU Criterion DB Update: </span>

                            </label>
                        </td>
                        <td>
                            <input type="number" id="period_2" name="period_2" required="" /> <strong><abbr title="required">*</abbr></strong>

                     ...

CSS

<style> h1 {
    margin-top: 0;
}
ul {
    margin : 0;
    padding: 0;
    list-style: none;
}
form {
    background-color:#F5F5F5;
    margin: 0 auto;
    width : 400px;
    padding: 1em;
    border : 3px solid #CC8;
    border-radius: 1em;
}
label {
    display:inline-block;
    width:100px;
    text-align:left;
    padding:1em;
}
input {
    display:inline-block;
    width:200px;
    text-align:left;
}
fieldset {
    border:none;
    width:700px;
    margin:0px auto;
}
button {
    background-color:#C0C0C0;
    margin:auto;
}
</style>