Как правильно разместить блок с картинками (float:left) по центру

Внутри блока есть картинки со свойством float: left. Они обернуты во внешний блок, который надо разместить по центру страницы. Оно все в табличной верстке находится. Свойство margin:0 auto почему-то не работает для этого. Как еще можно сделать по-другому? Подойдут любые варианты (даже с тегом center), это для HTML 1.0
https://jsfiddle.net/szwcfe7p/1/

Задай на ячейку таблицы, в которой все это лежит, text-align:center;
https://jsfiddle.net/szwcfe7p/2/
margin:0 auto работает только на блочных элементах с заданной шириной

1 лайк