min-content (length value)

  1. 7

  2. 0

  3. 7

  4. 77

  5. 777

  6. 77777

<ol>
  <li>
   <p>
li:first-child p,
li:nth-child(2) p,
li:nth-child(3) p {
 line-height: 1;
 width: min-content;
}
li:nth-child(3) p {
 padding-right: .5em;
 padding-left: .5em;
}
li:nth-child(4) p,
li:nth-child(5) p,
li:nth-child(6) p,
li:nth-child(7) p {
 line-height: 1;
 box-sizing: border-box;
 width: min-content;
 min-width: 1.6em;
 padding: .3em;
 text-align: center ;
 border-radius: .8em / 50%;
}

max-content