CodePen Embed - min-content vs max-content

<h3>max-content</h3>
<p class="max-content">hello CSS encyclopedia, so nice to meet you!</p>

<h3>min-content</h3>
<p class="min-content">hello CSS encyclopedia, so nice to meet you!</P>

p.max-content {
  width: max-content;
  background: LemonChiffon;
}

p.min-content {
  width: min-content;
  background: Salmon;
}

This Pen is owned by Uri Shaked on CodePen.

See more by @urishaked on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.