Why should I use a container div in HTML?

Question

I have noticed a common technique is to place a generic container div in the root of the body tag:

  
    ...
  
  <         


        

Answer 1

THis method allows you to have more flexibility of styling your entire content. Effectivly creating two containers that you can style. THe HTML Body tag which serves as your background, and the div with an id of container which contains your content.

This then allows you to position your content within the page, while styling a background or other effects without issue. THink of it as a "Frame" for the content.

Answer 2

The most common reasons for me are so that:

1. The layout can have a fixed width (yes, I know, I do a lot of work for designers who love fixed widths), and
2. So the layout can be centered by applying text-align: center to the body and then margin: auto to the left and right of the container div.

Answer 3

div tags are used to style the webpage so that it look visually appealing for the users or audience of the website. using container-div in html will make the website look more professional and attractive and therefore more people will want to explore your page.