Wie platziere ich mein „inline-block“-Element rechts neben meinem größeren „div“-Container? ⇐ HTML

[Anonymous]

Ich habe drei Divs innerhalb eines größeren Divs. Ich möchte, dass sich eines links, das andere in der Mitte/in der Mitte des Container-Divs und das letzte rechts vom Container befindet.
hier ist meine index.html:

Code: Select all

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.

hier ist meine ./styles/style.css-Datei:

Code: Select all

#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;
}

Ich habe bereits versucht, margin-right:0; in die Inline-Attribute des HTML-Arguments style am Anfang des div id='right-section'