Дочерний элемент inline-block имеет переполнение текста ⇐ CSS

[Anonymous]

Почему дочерние элементы в начальном блоке переполняются? Есть ли способ это исправить?

Код: Выделить всё

.experience1 {
white-space: nowrap;
width: 100%;
}

.exper {
display: inline-block;
background-color: blue;
}

.exper-date {
background-color: aqua;
vertical-align: top;
width: 160px;
}

.exper-review {
background-color: beige;
margin-left: 50px;
width: 700px;
text-overflow: ellipsis;
}

.exper h4 {
margin: 0px;
}

.exper p {
margin: 0;
}

Код: Выделить всё

Work experience

May 2022 - Present

[h4]Y Company[/h4]

- Build and develop Website based on existing design and requirements.

- Analyze and design Database, use management systems Database (MySQL, SQLServer, NoSQL, ...) and write queries.

- Use server-side languages (Python, Java, ...) to build Web Servers

Подробнее здесь: https://stackoverflow.com/questions/784 ... t-overflow