расположить элементы разной ширины по центру

Рейтинг: 0Ответов: 1Опубликовано: 28.04.2015

Мне нужно используя один CSS расположить большие элементы по центру. Ширина конечно же заранее неизвестна. Также нужно чтобы элементы не растягивались. При большом размере экрана/монитора/браузера слева добавлялась пустота, а при маленьком мониторе эти элементы не занимали лишнее место по бокам. вот как на картинке.

.centered{ 

/*margin-left:20%;*/ 


width: 70%;
margin: 0 auto;

}

пробовал так, но оно всегда добавляет пустое место слева даже на укзком мониторе. приходится крутить линию прокрутки снизу.

введите сюда описание изображения

css html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Если я правильно понял, то

Таблицу оберните в элемент с display: inline-block;

Родителю этой обертки добавьте text-align: center;