Не могу изменить размер таблицы ⇐ Html

[Anonymous]

Я пытаюсь создать таблицу и разместить ее в правой части экрана, но я просто не могу заставить ее изменить размер, чтобы она не занимала весь экран, не приводя к тому, что все становится невыровненным. >

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

[b]Skill[/b]


{{element.name}}



[b]Years[/b]


{{element.exp}}

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

.skills {
border: 1px;
border-color: black;
border-style: solid;
margin: auto;
display: table;
width: 20vw;
float: right;
}
.skills .name {
text-align: center;
margin: auto;
border-left: 1px;
border-right: 1px;
border-style: solid;
border-color: black;
}
.skills .rank {
text-align: center;
margin: auto;
border-right: 1px;
border-color: black;
border-style: solid;
}
#skills {
display: table;
float: right;
}

Я могу изменить дисплей, чтобы уменьшить размер столбцов, добавив навыки в качестве класса к тегу, но и не только не выровняются, но и начинают идти справа налево.

Подробнее здесь: https://stackoverflow.com/questions/793 ... table-size