CodePen Embed - block/inline 1

<div>
  <h2>comportement de base</h2>
  <p>Paragraphe 1</p>
  <p>Paragraphe 2</p>
</div>
<div>
  <h2>width : 40vw;</h2>
  <p>Paragraphe 1</p>
  <p>Paragraphe 2</p>
</div>
<div>
   <h2>display: inline</h2>
  <p>Paragraphe 1</p>
  <p>Paragraphe 2</p>
</div>

div {
  margin: 5px;
  padding: 5px;
  border: 2px solid;
}

div p {
  border: 1px dotted;
}

div:nth-child(3) p {
  display: inline;
}

div:nth-child(2) p {
  width: 40vw;
}

This Pen is owned by dupont on CodePen.

See more by @dupontcodepen on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.