• User

    Problemino css

    Sto creando una semplice tabella con una serie di numeri

            <table cellspacing="0" cellpadding="0">
                <tr>
                    <td class="empty">Disciplina / Flex</td>
                    <th>1</th>
                    <th>2</th>
                    <th>3</th>
                    <th>4</th>
                    <th>5</th>
                    <th>6</th>
                    <th>7</th>
                    <th>8</th>
                    <th>9</th>
                    <th>10</th>
                </tr>
            </table>
    

    Nel td ho questo css

    th, td{text-align:center;padding:.5em;border:1px solid #fff;}
    th{background:#202020;color:#fff;}
    td{background:#fff;}
    

    Tutto perfetto, ma.. sul numero 10, essendo di 2 cifre la tabella si allarga e "stona" rispetto alle altre.. c'è modo di poterla rendere della dimensione uguale a tutte le altre?

    Grazie

    edit:
    Ho aggiunto un

    width: 16px;
    

    e ho risolto, l'unico problema è che se metto un testo lungo la tabella non si ri-adatta insieme alle altre 😕