Как разместить элемент inline-block справа от большего контейнера div? ⇐ Html

[Anonymous]

У меня есть три элемента div внутри большего элемента div, я хочу, чтобы один находился слева, другой в центре/середине контейнера div и последний справа от контейнера.
вот мой index.html:

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

Crazy Web Sandbox




hi, I'm left section !

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Saepe provident eum dolor voluptate blanditiis perferendis molestiae!

Tenetur, praesentium aliquid!

Nemo voluptatem nobis eos! Quidem, incidunt.

Quod et nobis minima aut.

hi, i'm middle section !

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Saepe provident eum dolor voluptate blanditiis perferendis molestiae!

Tenetur, praesentium aliquid!

Nemo voluptatem nobis eos! Quidem, incidunt.

Quod et nobis minima aut.

hi, i'm right section !

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Saepe provident eum dolor voluptate blanditiis perferendis molestiae!

Tenetur, praesentium aliquid!

Nemo voluptatem nobis eos! Quidem, incidunt.

Quod et nobis minima aut.

вот мой файл ./styles/style.css:

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

#hero-section {
flex:1;
border-style: solid;
border-color: red;
border-width: 5px;
border-radius: 5px;
}

#left-section, #middle-section, #right-section
{
display: inline-block;
border-style: solid;
border-width: 5px;
border-radius: 5px;
}

Я уже пытался добавить поля-право:0; во встроенные атрибуты стиля html-аргумент в начале div id='right-section'


Подробнее здесь: https://stackoverflow.com/questions/798 ... iv-contain