Styling an Element

Style:
margin-left: auto; margin-right: auto;
width: 50%; min-width: 300px;
background-color: Lightblue;
color: red; (added to make the text red instead of the default black)
height: auto; (changed to decrease the unneeded space)
padding-top: 10px; padding-bottom: 10px; padding-left: 60px; padding-right: 60px; (added to show that padding increases the dimensions of the div; could be written as padding: 10px 60px 10px 60px or even as padding: 10px 60px to mean the same)

The specified div does not include these paragraphs.

Setting the height as auto means the height is as large as needed to contain whatever is within.

Although the width is specified as 50% as in the original example, the blue background area occupies more than 50% of the screen width. The padding enlarges the div. The content of the div (usually text or images or both) is half the screen width. Measure if you are uncertain.

This link will take you to the page from which you may have come.

This link will take you back to the page on which you can find links to the some of the basic concepts of styling HTML.