<div>
  <p>Paragraph 1</p>
  <span>
    <p>Paragraph 2.1</p>
    <p>Paragraph 2.2</p>
  </span>
  <p>Paragraph 3</p>
</div>
/* element Selector to select body element */
body{
  background: #1D1D1D;
  color: #FFFFFF;
}  

div{
  width: 80%;
  margin: 0 auto;
  border: 1px dashed;
  padding: 20px 40px; 
}

/* Direct child selector to all the direct childs of div of type p */
div > p {
  text-align: center;
  font-size: 20px;
  font-style: italic; 
  color: lightgreen;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.