Heading inside the div

Paragraph 1 in the div.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lorem elit, commodo ut libero et, euismod rutrum libero. Phasellus malesuada non purus sed feugiat. Suspendisse lobortis velit at neque pellentesque, eu dapibus sem auctor. Vestibulum dictum posuere libero, non tempus dolor.

Paragraph 2 in the div.
The child combinator will select all elements that are children the div. The difference between this selector and a descendent selector is that this selector will only select the children - not the grandchildren. In this example p is a child is the paragraph, the grandchild is text within a section.

A heading inside the section

Paragraph 3 in the div.
This text is in a section inside the div. Therefore it is not a child of the div, but a grandchild of the div. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lorem elit, commodo ut libero et, euismod rutrum libero. Phasellus malesuada non purus sed feugiat.

Paragraph 4 in the div.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lorem elit, commodo ut libero et, euismod rutrum libero. Phasellus malesuada non purus sed feugiat. Suspendisse lobortis velit at neque pellentesque, eu dapibus sem auctor. Vestibulum dictum posuere libero, non tempus dolor.