Doesn't work if outer-container can scroll overflow-y: The idea is to set margin-bottom on h1 to Css align to bottom to push the remaining content to the bottom:. Absolutely true, however I'm following the Css align to bottom of my workplace. As cletus noted, you need identify the header-content to make this work. Just use the shorthand, or be explicit everywhere. Thank you for your interest in this question. Use 'align-self' instead of align-items my fault, I've edited my original post.