Probleme bei der Text-Ausrichtung in DIV-Containern

[Segelflieger]

Hallo allerseits,
würde gerne 2 Div-Container nebeneinander positionieren, Größenverhältnis 70/30. In beiden Containern wird Text varibaler Länge enthalten sein. Ziel ist, dass in beiden Containern unabhängig von der Text-Länge die vertikale Ausrichtung "unten" sein soll, beim linken Container linksbündig, beim rechten rechtsbündig.
Ich kriegs nicht hin! Wer hilft mir über die Straße?

 

[scatello]

Mit Flexbox sollte das kein Problem sein.

 

[Segelflieger]

ja, war auch mein Gedanke.

<div style="display: flex; background-color: lightblue; ">
                    <div style="display: flex; justify-content: flex-start; align-items: flex-end; width: 70%;">
                        Lorem ipsum dolor sit amet<br>
                        Lorem ipsum dolor sit amet<br>
                        Lorem ipsum dolor sit amet<br>
                    </div>
                    <div style="display: flex; justify-content: flex-start; align-items: end; ">
                        Lorem ipsum
                    </div>
</div>

Wie bekomme ich den Inhalt des rechten Containers rechtsbündig?

 

[AlainPre]

Hier ist ein Beispielcode:

<div id="flex">
<div id="flex1">...</div>
<div id="flex2">...</div>
</div>

#flex {display:flex; align-items:end;}
#flex1 {flex:0 0 70%; text-align:left;}
#flex2 {flex: 0 0 30%; text-align:right;}