Центрирование таблицы с центром в виде текста ⇐ Html

[Anonymous]

Я хочу сосредоточиться на столе, но, хотя он технически центрирована, различная длина содержания TD делает таблицу иметь пустое пространство справа. < /p>

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

.wrap {
background: pink;
padding: 0 50px;
}

table {
margin: 0 auto;
text-align: center;
width: 100%;
tr {
td {
padding: 10px;
text-align: left;
}
}
}< /code>




something here
row 1 col 2 my 


row 2 col 1 hello world
react.js

Я могу создать таблицу , а TD - выровненный центр, но различная длина содержания TD заставляет ее выглядеть неровным. < /p>

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

.wrap {
background: pink;
padding: 0 50px;
}

table {
margin: 0 auto;
text-align: center;
width: 100%;
tr {
td {
padding: 10px;
}
}
}< /code>




something here
row 1 col 2 my 


row 2 col 1 hello world
react.js

What I want is td's content should be align left and look center within the wrapper, like the labels on this image (i.e. Cam 1, Cam 2 etc):



Подробнее здесь: https://stackoverflow.com/questions/462 ... ign-center