JSFiddle - React, Tailwind, and code Playground

by TheDiamondDoge

HTML

<table>
  <tr>
    <th>
      <div style="display: flex; flex-direction: column; height: 100px">
        <div style="height: 50%">
          Hello, this is title
        </div>
        <div class="input_container">
           <div>
             <input type="text"/>
           </div>
        </div>
      </div>
    </th>
    <th>
      <div>
        <div>
          Hello, this is title 2Hello, this is title 2Hello, this is title 2Hello, this is title 2Hello, this is title 2Hello, this is title 2Hello, this is title 2
        </div>
        <div>
          <div>
             <input type="text"/>
           </div>
        </div>
      </div>
    </th>
  </tr>
</table>

CSS

div {
  border: 1px solid black;
}

th {
  width: 10px;
}

.input_container {
    align-self: stretch;
    height: 50%;
}

JavaScript

let x = undefined;

console.log(x);
console.log(x )