JSFiddle - React, Tailwind, and code Playground

by Mukul kant

HTML

<div id= "header" >
    <h3 > YMC, Pune </h3>
    <h4 > Department of Computer Science </h4>
        </div>
<div id ="content"  >
    <form name="log" action="insplacement.jsp" method="post">
    <dl>
          <dt> Year:</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
          <dt> No of Company Visited:</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
          <dt> Number of Students Placed:</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
          <dt> Percentage of Students Placed:</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
          <dt> Maximum Salary offered (p.a.):</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
          <dt> Minimum Salary offered (p.a.):</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
          <dt>Average Salary offered (p.a.)</dt>
          <dd><input type="text" name="year" value="" size="20" /></dd>
	</dl>
        </form>
        </div>

CSS

#header {
        text-align: center;
        height:100px;
        /*width:1360px;*/
        background-color: lightskyblue;

    }
    #content {
        height: 200px;
        width: 400px;
        background: lightgreen ;
        margin: 100px auto 0;
        /*margin-top:100px;*/
        /*margin-left: 500px ;*/
    }
    dt , dd{width: 50%;margin: 0 0 8px;float: left;height: 20px;}