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

[Anonymous]

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

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

child1
100
child3

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

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

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

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

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

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