CSS vertical-align paragraph into div : <p>I have a div (with fixed height) with this CSS:</p>

<pre><code>.div {
color: white;
font-family: Bahnschrift;
text-align: justify;
vertical-align: text-top;
} 
</code></pre>

<p>As you can see, in this div there are paragraphs vertical aligned at the top. I want to align only the last paragraph (class="lastpar") at the bottom of the div, this is the CSS:</p>

<pre><code>.lastpar {
position: relative;
vertical-align: text-bottom;
}
</code></pre>

<p>But it doesn't work, could you please help me to align it at the bottom of the div? Thanks</p>
