Почему содержимое Li вылезает за пределы родителя при масштабировании страницы в браузере?

Question

[Сергей Гордеенков]

Всем добрый день. Последнюю неделю активно изучаю html/css.
Делаю первую страницу на основе макета psd.
(что пока получается)
ссылка на код dz7-2a.html (tt)

Возникла проблема со списком (для наглядности выделил родителя красной рамкой). Когда в браузере уменьшая размер страницы (ctrl + колёсико мыши) содержимое Li не сжимается по горизонтали, как остальной текст, а начинает переноситься на другую строчку и весь список вылезает снизу за пределы родителя.

подскажите пожалуйста в чём причина :)

и был бы очень признателен за любые комментарии, замечания к моему коду в целом

Answer 1

[Павел]

.ms_spisok {
    width: auto;
}

Comments

[Сергей Гордеенков]

ничего не изменилось

я так понимаю значение width по умолчанию и так устанавливается auto

[Павел]

seeep1337, не совсем правильно понял вопрос изначально.
Тогда полагаю так, если верно понял:
.ms_otstup { margin-left: 190px;
padding: 50px 0;
width: 770px;
border: solid red 2px;
min-height: 474px;
height: 100%;
}

[Сергей Гордеенков]

Павел, в целом min-height справляется с задачей, спасибо
а зачем нужно указывать height: 100% ?

[Павел]

seeep1337, некоторые старые браузеры не понимают height: auto, изначальный параметр блочных элементов

[Сергей Гордеенков]

Павел, благодарю.