Table

<!DOCTYPE html>
<html>
<head>
<style>
table {
  font-family: monospace, lucida-console;
  border-collapse: separate;

  width: 255px;
}
td, th {
  border-style: none;

  border-radius: 15px;

  text-align: center;

  padding: 12px;
}
tr:nth-child(even) {
  background-color: #45Ba34;
}
tr:nth-child(odd) {
  background-color: #88Fe83;
}
</style>
</head>

<body>
<table>
  <tr>
    <td>placeholder1</td>
    <td>placeholder2</td>
    <td>placeholder3</td>
  </tr>

  <tr>
    <td>1</td>
    <td>5</td>
    <td>9</td>
    <td>long</td>
  </tr>

  <tr>
    <td>2</td>
    <td>6</td>
    <td>10</td>
    <td>long</td>
  </tr>

  <tr>
    <td>3</td>
    <td>7</td>
    <td>11</td>
    <td>long</td>
  </tr>

   <tr>
    <td>4</td>
    <td>8</td>
    <td>12</td>
    <td>long</td>
  </tr>
</table>

</body>
</html>