Categories
CSS HTML

How to make HTML page footer stay at bottom of the page using CSS?

In our application or project, if the pages has less content or data, then the page footer will come up and it will not look good. Earlier to overcome this problem we need to do some work around with CSS or we have write custom java-script/jQuery code. After the introduction of Flexbox its very simple to do this. 

How to make HTML page footer stay at bottom of the page using CSS?
Categories
CSS HTML

How to Center align div vertically using css?

During the early days of HTML development, to vertically center align a div or an element we used lots of methods or technique to achieve this. We used CSS position property in some cases and in some cases to do it in dynamically we used JavaScript to vertically align a div or an element. But in modern Flex-box solution it is the easy to do this. Just by using CSS ” justify-content: center” to the parent element to align the content to the center (vertically) of it. Most of the modern browser supports this CSS property.

How to Center align div vertically?