JSFiddle - React, Tailwind, and code Playground

by quatzael

HTML

<div class="form-item-line">
      <div class="form-item-tdiv">
      <table class="form-table">
      <tr class="form-item">
      <td class="label-part"><label class="actual-label">Selectbox:</label>
      </td>
      <td class="input-part">
      <select class="required-select"><option value="1">ČČČ</option><option value="2">ŤŤŤ</option><option value="3">ŠŠŠ</option></select>
      </td>
                   
      </tr>
      </table> 
      </div>
      </div>

<div class="form-item-line">
      <div class="form-item-tdiv"> 
      <table class="form-table">
      <tr id="vykon" class="form-item">                       
      <td class="label-part"><label class="actual-label">Text input:</label>
      </td>
      <td class="input-part">
      <input type="text" maxlength="128" size="20" class="required-input" />
      </td>
      </tr>
      </table>
      </div>

      </div>

CSS

.required-input
{

 padding-right: 8px;
 padding: 4px;
 padding-left: 6px;    
 font-size: 13px;
 1letter-spacing: 0em;
 color: black;
 line-height: 10px;
 width: 100px;
 height: 16px;
 border-style: solid;
 border-width: 1px;
 border-color: #ABB0C8;
 border-radius: 4px;

}


.required-select
{
 position: relative;
   1height: 30px;
 margin: 1px;
 padding: 4px;
 padding-left: 8px;
 padding-right: 8px; 
 font-size: 13px;
 letter-spacing: 0em;
 color: black;
 border-style: solid;
 border-width: 1px;
 border-color: #ABB0C8;
 line-height: 16px;
 border-radius: 4px;
 padding-left: 6px;
 display: block; 
}