<div>
<p>Paragraph 1</p>
<p>
<p>Paragraph 2.1</p>
<p>Paragraph 2.2</p>
</p>
<p>Paragraph 3</p>
</div>
/* element Selector to select body element */
body{
background: #1D1D1D;
}
div{
width: 80%;
margin: 0 auto;
border: 1px dashed #FFFFFF;
padding: 20px 40px;
}
/* descendant selector to select all p elements inside div */
div p {
text-align: center;
font-size: 20px;
font-style: italic;
color: pink;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.