how to increase height upword?

Question

when I increase div's height it's height increase downword and upper part remain fixed. But I want lower part remain fixed and the height will increase upword.

https://code.sololearn.com/W5j0zqzbSfMB/?ref=app

Answer 1

Use flexbox

.middel-div-wrapper {
display: flex;
align-items: flex-end;
}

Answer 2

You can also use vertical-align: bottom, replace float with display:inline-block.

https://code.sololearn.com/Ws5r7xIMAk12/?ref=app

Answer 3

Exactly calvin

Answer 4

You can use the "margin-top" property with a negative value.

Here's a code example:
https://code.sololearn.com/W46c83i4bMMD/?ref=app

In the CSS tab please check the styles in the "div2" class.