Список вылазит за родительский контейнер, как решить?

Question

[coi1751]

Есть контейнер 1170 px который используется на протяжении всего макета, и вот в одной из секций 3 списка,
Преимущество Преимущество Преимущество
Преимущество Преимущество Преимущество
Преимущество Преимущество Преимущество
Преимущество Преимущество Преимущество
Правая колонка(3 список) выходит за контейнер 1170px, можно ли избежать применения абсолютного позиционирования?

Comments

[Милок Мурлыка]

Совсем ничего не понял. Можно живой пример?

[coi1751]

Милок Мурлыка, обновил.

[Anna_BS]

Я бы поговорила с дизайнером и переносила на новую строку (верстка должна не ломаться с любым содержимым)
PS там весь макет такой кривой? тут как бы и сетка вообще не нужна X)

[Егор Живагин]

coi1751, лучше бы выложить код на codepen )
У вас 100% просто ширина колонки не зафиксированна

[Милок Мурлыка]

coi1751, а там слева есть ещё одна колонка или их всего 11? Можно было сдвинуть на одну колонку влево если не критично, а то при уменьшении экрана придется медиа запросами текст в контейнер засовывать, а то обрежет либо скролл будет

[coi1751]

Спасибо за ответы, этот макет у меня чисто для тренировки) А решил проблему я прописав отрицательный маржин.

Answer 1

[Даниил Моисеенко]

Или же можно задать класс нужному элементу <ul> и ограничить его ширину https://jsfiddle.net/bLbhzLgf/5/