Box am unteren Ende einer anderen Platzieren?

[Gimli]

Ich hab im Moment folgenden Code:

<div style="width:1000px; height:400px; border:1px solid black;">
    
    <div style="width:300px; height:30px; border:1px solid black;">
    
    </div>

</div>

Jetzt habe ich das Problem, dass ich den inneren Div-Container nicht ans untere Ende des äußeren bekomme. In dem äußeren soll auch noch ungestört Text stehen können.

BTW: Normalerweise ist der CSS Code nicht inline sondern in einer externen Datei. Ich hab hier nur zur Einfachheit halber ein Beispiel angelegt.

 

[alogheo]

Positioniere die äußere Box relativ, die innere absolut und setze die innere Box mit bottom:0 nach unten

<div style="width:1000px; height:400px; border:1px solid black; position: relative">
    
    <div style="width:300px; height:30px; border:1px solid black; position: absolute; bottom: 0;">
    
    </div>

</div>

 

[Gimli]

Alles klar! Vielen dank, es funktioniert.