How-to articles, tricks, and solutions about DIV

In this snippet, we will demonstrate some techniques of vertically aligning an image within an HTML <div> element with responsive height. Read and try examples.

On this page, you can find some methods allowing to vertically align elements in a <div>. Read and find the method depending on the specific situation.

This snippet will help you to align a <div> element for all browsers vertically. You will learn to do it step by step with our examples and explanations.

If you’ve faced the situation when you need to wrap long words in a <div>, use the white-space property with the “pre-wrap” value and word-wrap property.

Read this snippet to find out the differences between the HTML <section> and <div> elements and see which element to use in some specific situations.