even worse phone form

by Soviut

HTML

<form>
  <div>(</div>
  <ul>
    <li><input type="radio" name="digit1" value="0" checked> 0</li>
    <li><input type="radio" name="digit1" value="1"> 1</li>
    <li><input type="radio" name="digit1" value="2"> 2</li>
    <li><input type="radio" name="digit1" value="3"> 3</li>
    <li><input type="radio" name="digit1" value="4"> 4</li>
    <li><input type="radio" name="digit1" value="5"> 5</li>
    <li><input type="radio" name="digit1" value="6"> 6</li>
    <li><input type="radio" name="digit1" value="7"> 7</li>
    <li><input type="radio" name="digit1" value="8"> 8</li>
    <li><input type="radio" name="digit1" value="9"> 9</li>
  </ul>

  <ul>
    <li><input type="radio" name="digit2" value="0" checked> 0</li>
    <li><input type="radio" name="digit2" value="1"> 1</li>
    <li><input type="radio" name="digit2" value="2"> 2</li>
    <li><input type="radio" name="digit2" value="3"> 3</li>
    <li><input type="radio" name="digit2" value="4"> 4</li>
    <li><input type="radio" name="digit2" value="5"> 5</li>
    <li><input type="radio" name="digit2" value="6"> 6</li>
    <li><input type="radio" name="digit2" value="7"> 7</li>
    <li><input type="radio" name="digit2" value="8"> 8</li>
    <li><input type="radio" name="digit2" value="9"> 9</li>
  </ul>

  <ul>
    <li><input type="radio" name="digit3" value="0" checked> 0</li>
    <li><input type="radio" name="digit3" value="1"> 1</li>
    <li><input type="radio" name="digit3" value="2"> 2</li>
    <li><input type="radio" name="digit3" value="3"> 3</li>
    <li><input type="radio" name="digit3" value="4"> 4</li>
    <li><input type="radio" name="digit3" value="5"> 5</li>
    <li><input type="radio" name="digit3" value="6"> 6</li>
    <li><input type="radio" name="digit3" value="7"> 7</li>
    <li><input type="radio" name="digit3" value="8"> 8</li>
    <li><input type="radio" name="digit3" value="9"> 9</li>
  </ul>
  <div>)</div>

  <ul>
    <li><input type="radio" name="digit4" value="0" checked> 0</li>
   ...

CSS

form {
  display: flex;
  align-items: center;
}

div {
  padding: 10px;
}

ul {
  list-style: none outside;
  padding: 0 5px;
}

li {
  white-space: nowrap;
}