Расчетная ширина столбца отличается от ширины, объявленной css для столбца. Как браузер определяет ширину?

Допустим, у меня есть html-таблица с объявленной css шириной 750 пикселей. Он имеет 5 столбцов, и каждый столбец имеет ширину 50 пикселей, объявленную с помощью css (все td имеют ширину 50 пикселей). Очевидно, что сумма ширины столбцов составляет 250 пикселей, что меньше 750 пикселей.

Когда браузер отображает таблицу, каждый столбец имеет различную вычисленную ширину. У меня есть один столбец, в котором всего 5 пробелов, но расчетная ширина превышает 100 пикселей (намного больше, чем 5.)

Все столбцы соответствуют включенному в них тексту плюс несколько дополнительных пробелов. В разметке нет жестко заданной ширины столбцов. Всего лишь 50 пикселей в CSS для 'td'.

Как браузер вычисляет визуализированную ширину каждого столбца?