JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-3-4">
  <!-- start: private_pmspace -->
  <div class="pmspace">
    <span class="pmspace_container"><span class="pmspace_used low" style="width: 3px;"><span class="pmspace_text">&nbsp;</span></span><span class="pmspace_unused" style="width: 97px;"><span class="pmspace_text">3%&nbsp;</span></span>
    </span>
    z użytej przestrzeni PW.
  </div>
  <!-- end: private_pmspace -->
<div class="o_ten_div">
  <div class="float_right">
    <!-- start: private_composelink -->
    <a href="private.php?action=send" class="button new_pm_button">Wiadomość:</a>
    <!-- end: private_composelink -->
  </div>
  <div class="float_right">
    <strong>Skocz do folderu: <!-- start: private_jump_folders -->
<select name="jumpto">
<!-- start: private_jump_folders_folder -->
<option value="1">Inbox</option>
<!-- end: private_jump_folders_folder --><!-- start: private_jump_folders_folder -->
<option value="2">Sent Items</option>
<!-- end: private_jump_folders_folder --><!-- start: private_jump_folders_folder -->
<option value="3">Drafts</option>
<!-- end: private_jump_folders_folder --><!-- start: private_jump_folders_folder -->
<option value="4">Trash Can</option>
<!-- end: private_jump_folders_folder -->
</select>
<!-- end: private_jump_folders -->
<input type="submit" class="button" name="hop" value="OK">
</strong>
  </div>
  </div> <!-- end: o ten div -->
  <br class="clear">
  <table border="0" cellspacing="0" cellpadding="5" class="tborder">
    <tbody>
      <tr>
        <td class="thead" colspan="6">
          <div class="float_right">
            <input type="text" name="keywords" value="Wpisz słowa kluczowe" onfocus="if(this.value == 'Wpisz słowa kluczowe') { this.value = ''; }" onblur="if(this.value=='') { this.value='Wpisz słowa kluczowe'; }" class="textbox" size="25">
            <input type="submit" class="button" name="quick_search" value="Szukaj"> (
            <a href="private.php?action=advanced_search">Zaawansowane wyszukiwanie</a>)</div>
         ...

CSS

/* new */
.o_ten_div * {
  margin-top: 0!important;
  vertical-align: top;
}
/* old */
body {
  background: #76ae86 url(../../../images/fazm/bg.png) top center no-repeat;
  color: #6c6c6c;
  font: 14px "Open Sans", helvetica, arial, sans-serif;
  line-height: 1.4;
  overflow-y: scroll;
}

ol.mycode_list,
ul.mycode_list {
  margin: 20px 30px;
}

a:link {
  color: #0b9886;
  text-decoration: none;
}

a:visited {
  color: #0b9886;
  text-decoration: none;
}

a:hover,
a:active {
  color: #000;
}

.wrapper {
  width: 1200px;
  margin: auto auto;
}

#content {
  background: #fff;
  width: auto !important;
  padding: 20px;
  overflow: hidden;
}

#search {
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  vertical-align: middle;
}

#search input.button,
#search input.textbox {
  border-color: #000;
}

#search input.button {
  background: #0066a2;
  color: #fff;
}

#search input {
  margin: -3px 0;
}

#quick_login .remember_me input {
  vertical-align: middle;
  margin: -3px 0 0 5px;
}

#footer {
  clear: both;
}

#footer ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer ul.menu li {
  margin: 0 5px;
  display: inline;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
  color: #777;
}

#debug {
  float: right;
  text-align: right;
  margin-top: 20px;
  font-size: 11px;
}

.scaleimages img {
  max-width: 100%;
}

.tborder {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 3px;
  width: 100%;
}

.tfixed {
  table-layout: fixed;
  word-wrap: break-word;
}

.thead {
  background: rgba(195, 124, 89, 1);
  background: -moz-linear-gradient(left, rgba(195, 124, 89, 1) 0%, rgba(150, 81, 54, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(195, 124, 89, 1)), color-stop(100%, rgba(150, 81, 54, 1)));
  background: -webkit-linear-gradient(left, rgba(195, 124, 89, 1) 0%, rgba(150, 81, 54, 1) 100%);
  background: -o-linear-gradient(left, rgba(195, 124, 89, 1) 0%,...