JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<link rel="stylesheet" href="http://jqueryui.com/demos/demos.css">

<link rel="stylesheet" type="text/css" media="screen, projection" 
href="http://www.blueprintcss.org/blueprint/screen.css" />
<link rel="stylesheet"  type="text/css" media="screen, projection"
href="http://www.blueprintcss.org/blueprint/plugins/buttons/screen.css" />

<script>
    function showhide(iname) {
    var item = document.getElementById(iname).style;
    if (item.display == 'none') {
    item.display = '';
    } else {
    item.display = 'none';
    }
    }
</script>



<div class="page-body">
    
    
    <div id="contentEdit">
        <div class="row">
            <div class="cellHeader"> <a class="sort-button" id="sort-id"         href="#">ID</a>         </div>
            <div class="cellHeader"> <a class="sort-button" id="sort-title"      href="#">Title</a>      </div>
            <div class="cellHeader"> <a class="sort-button" id="sort-type"       href="#">Type</a>       </div>
            <div class="cellHeader"> &nbsp;                                                              </div>
        </div>
        
        <div id="content">
            
            <form action="" method="post">
                <input name="anchor" value="127" type="hidden">
                <div class="row">
                    <div class="cellData"> 127 </div>
                    <div class="cellData"> <input name="title" id="127_title"      value="" type="text" />                  </div>
                    <div class="cellData cellRadios"> <input name="ctype" value="individuel" type="radio" checked/> Individuel <br> <input name="ctype" value="course" type="radio" /> Course </div>
                    <div class="cellEdit"> <a href="javascript:showhide('127');">Members</a> <input value="Save" type="submit">          </div>
                </div>
                <div id="127" style="display: none; background-color:...

CSS

.cellHeader { float: left; min-width: 15em; font-weight: bold; background-color: rgb(235, 239, 249); padding: 0.4em 1em; }
.cellData { float: left; min-width: 15em; padding: 0.4em 1em; line-height:3em; vertical-align:middle;}
.cellEdit { min-width: 5em; text-align: right; white-space: nowrap; padding-right: 0.6em; line-height:3em; }
.cellRadios { line-height: 1; }
.row { height: 100%; overflow: hidden; }
.row:hover { clear: both; background-color: rgb(235, 239, 249);}
.rowMembers { width:60%; margin:0px auto; text-align:center; }

body { background-color: white; color: black; font-family: arial,sans-serif; margin: 4px 8px; }
div.page-body { padding: 0pt 1em; display: table; }

/*input { margin:0; }*/