CSS位置：工作台角上的绝对位置

Question

我尝试创建表格，然后将输入内容放入表格

但是标签在桌子角落而不是输入角落 如何解决这个问题？

https://jsfiddle.net/7f3js8xn/4

<table>
  <tr>
    <td>Categorys</td>
  </tr>
  <tr>
    <td>
      <div class="group" value>
        <input id="name" placeholder="." type="name">
        <label>text</label>
      </div>
    </td>
    <td>
      <div class="group" value>
        <input id="name" placeholder="." type="name">
        <label>language</label>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="group" value>
        <input id="name" placeholder="." type="name">
        <label>text</label>
      </div>
    </td>
    <td>
      <div class="group" value>
        <input id="name" placeholder="." type="name">
        <label>language</label>
      </div>
    </td>
  </tr>
</table>

和此CSS样式

label {
  pointer-events: none;
  position: absolute;
  top: 0px;
  transition: $trans-time ease-in all;
}