HTML таблица на всю ширину с отступом

У меня есть таблица:

This is a table.
One Two Three
Four Five Six

и я хочу, чтобы она была как можно шире, оставляя при этом 20px поля с каждой стороны. Я сделал вот так:

table{
    border-collapse:collapse;
    margin:20px;
    padding:0;
    width:100%;
}

но в итоге получается ширина родительской таблицы плюс дополнительные 20px слева, что приводит к появлению вертикальной полосы прокрутки. Есть ли способ сделать его на 40px меньше ширины родителя, не добавляя еще один элемент, чтобы окружить его?

jsfiddle: http://jsfiddle.net/pvHNM/

22
задан Brian Tompsett - 汤莱恩 4 January 2019 в 15:41
поделиться