Как центрировать значение td::before в CSS ⇐ Html

[Anonymous]

У меня есть этот HTML

Код: Выделить всё

tr#data td:nth-child(2) {
visibility: hidden;
}

tr#data td:nth-child(2)::before {
content: "500";
visibility: visible;
}

Код: Выделить всё

child1
100
child3

Я хочу скрыть значение td, равное 100, и заменить он с содержимым 500, но значение 500 не центрировано, потому что, хотя значение 100 скрыто, оно все равно его обнаруживает.
Как я могу это сделать, спасибо так много!

Подробнее здесь: https://stackoverflow.com/questions/793 ... ore-in-css