Треугольники из radio input [закрыт]

.cell { 
  display: inline-block; 
  text-align: center; 
} 
 
td { 
  text-align: center; 
}

<table border="1"> 
  <tr> 
    <td> 
      <div class="cell"> 
        <input type="radio" checked/><br/> 
        <input type="radio" checked/> 
        <input type="radio" checked/><br/> 
        <input type="radio" checked/> 
        <input type="radio" checked/> 
        <input type="radio" checked/><br/> 
      </div><br/> 
      <div class="cell"> 
        <input type="radio" checked/><br/> 
        <input type="radio" checked/> 
        <input type="radio" checked/><br/> 
        <input type="radio" checked/> 
        <input type="radio" checked/> 
        <input type="radio" checked/><br/> 
      </div> 
      <div class="cell"> 
        <input type="radio" checked/><br/> 
        <input type="radio" checked/> 
        <input type="radio" checked/><br/> 
        <input type="radio" checked/> 
        <input type="radio" checked/> 
        <input type="radio" checked/><br/> 
      </div> 
    </td> 
  </tr> 
</table>

<table border="1"> 
  <tr> 
    <td> 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <input type="radio" checked/><br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <input type="radio" checked/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <input type="radio" checked/> 
      <br/> &nbsp;&nbsp; 
      <input type="radio" checked/> 
      <input type="radio" checked/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <br/> 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <input type="radio" checked/> 
      <br/> 
    </td> 
  </tr> 
</table>

<table> 
  <tr> 
    <td style="text-align: center;"> 
      <div> 
        <input type="radio"> 
      </div> 
      <div> 
        <input type="radio"> 
        <input type="radio"> 
      </div> 
      <div> 
        <input type="radio"> 
        <input type="radio"> 
        <input type="radio"> 
      </div> 
    </td> 
  </tr> 
</table>