JSFiddle - React, Tailwind, and code Playground

HTML

<body>     

    <div id="header">
        <div class="head-inn">
            <a  class="sty" href= "/">
                <div id="logo">
                    <img src="/images/logo.jpg">
                </div>
            </a>
                            <div id="mainmenu">

                    <ul id="yw5">
<li><a href="/profile">Profile</a></li>
<li class="active"><a href="/dashboard">Dashboard</a></li>
<li><a href="/site/logout">Logout (LorraineT)</a></li>
</ul>                </div>
            
        <!-- mainmenu -->
        
        </div>
    </div>

    <div class="container" id="page">


                    <!-- breadcrumbs -->
        
        <div id="content">
	
<h1 class="mid_hed">Properties</h1>



    <div class="img_div" >

        <img class="pro_img" alt = "Property Image" src= "/uploads/img/2307-1.png">

        <div class="pro_left">

            <h2>Property Name: 34 W 34TH STREET</h2>

            <h2>Property Type: ShoppingCenter</h2>

            <h2>Address: 34 W 34TH STREET</h2>

            <h2>Status: ForLease</h2>

        </div>

    </div>




<form method="post">

    <div class="sel-boxs">
        <select onchange="this.form.submit()" name="p_id" id="p_id">
<option value="">--Select Property--</option>
<option value="17" selected="selected">34 W 34TH STREET</option>
<option value="21">595 Connecticut Avenue</option>
</select>
    </div>

</form>

<div class="box-min">

    <div id="yw0" class="list-view">
<div class="items">

<div class="drag_box box-min-22">

    <div class="hd-b">INTERESTED(1)</div>

    <div class="box-tx">

        <div id="second" class="draggable-list main_box">

            <div id="yw1" class="list-view">
<div class="items">
<div class="min-hds">
    BEVELLO</div>

<h5>

    <input readonly="readonly" type="text" name="" id="" />
    <input readonly="readonly" type="text" value="Follow Up 12/08/2015" name="" id="" />
</h5></div><div class="keys" style="display:none"...

CSS

body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #ededed;
}

/*h1.mid_hed {
    text-align: center;
}*/

h1.mid_hed {
    background: none repeat scroll 0 0 #5881c0;
    border-bottom: 3px solid orange;
   
    clear: both;
    color: #fff;
    font-weight: normal !important;
    padding: 7px 0;
    text-align: center;
}
#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	/*background: white;*/ 
/*	border: 1px solid #C9E0ED;*/
}

h1.p_up {
 
    text-transform: uppercase;
}
.rowss {
    text-align: center;
}
.rowsss {
    float: left;
}

.form_head {
    clear: both;
    color: black;
}
.main-link {
    background: none repeat scroll 0 0 hsl(216, 45%, 55%);
    border: 1px solid hsl(216, 56%, 41%);
    color: hsl(0, 0%, 100%);
    float: right;
    font-weight: bold;
    padding: 7px 12px;
   
}

a img {
    border: 0px solid #030000;
	margin-left: 25px;
}
select {
   
    width: 100%;
}
.muss {
    width: 30%;  
}
.row {
 
    width: 50% !important;
}
.row_left {
    float: left;
    width: 50%;
}
.row label {
    float: left;
    width: 100px;
}
.row input {
   /* float: left;*/
    width: 60%;
}

#header
{
	margin: auto;
	padding: 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f5f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f5f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f5f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f5f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f5f4f4',GradientType=0 ); /* IE6-9 */
	box-shadow:0 0 6px #888;
	height:80px;
	
}
.head-inn{margin:auto;...