Text align im Div unten anordnen

[fredistdurstig]

Hallo zusammen!
Mal eine ziemlich einfache html-Frage:
Ich habe ein Div, in welchem ich Text unten (vertical align bottom sozusagen) anordnen möchte, so das kein Abstand zwischen dem Text und dem unteren Div-Rand besteht.
Dazu habe ich folgenden Code:

             <div class="TableDIV">
                
               <!-- dieser Div soll im div ganz unten sein-->
                    <div>
                       <p>Mein Text</p>
                    </div>
                    
                </div>

Wie kann ich den Text am elegantesten unten anordnen? Er soll auch möglichst nicht über das übergeordnete div hinausragen können.

Vielen Dank im Voraus!

 

[_Thor_]

Du gibst dem umgebenden Element

position: relative

und dem zu positionierenden Element

position: absolute;
bottom: 0;

In deinem Fall ist das <div> um dein <p> unsinnig. <div> wird verwendet, um mehrere Elemente zu gruppieren, du gruppierst aber nichts, also lass es weg.

 

[fredistdurstig]

Klappt einwandfrei!
Vielen Dank für die schnelle Hilfe!

 

[Efchen]

Warum packst Du den Textabsatz zusätzlich in ein <div>? Du gruppierst doch nichts mit diesem <div>! div und p sind beides Block-Elemente, verhalten sich also gleich.