title: Sync width of several elements with dynamic content in CSS
body: <p>I have this component in my project</p>
  
  <p><img src="https://i.stack.imgur.com/8ffEe.png" alt="enter image description here"></p>
  
  <p>With this markup:</p>
  
  <pre><code>&lt;div class="column"&gt;
      &lt;div class="title"&gt;
          PROJECT SETTINGS
      &lt;/div&gt;
      &lt;div class="column projectStats"&gt;
          &lt;div class="statsRow"&gt;
              &lt;span class="number"&gt;100&lt;/span&gt;
              &lt;span class="caption"&gt;Video Nodes&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="statsRow"&gt;
              &lt;span class="number"&gt;2&lt;/span&gt;
              &lt;span class="caption"&gt;Screens&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="statsRow"&gt;
              &lt;span class="number"&gt;2&lt;/span&gt;
              &lt;span class="caption"&gt;Paths&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the relevant CSS:</p>
  
  <pre><code>.projectStats .number {
      border: 1px solid #05839E;
      border-radius: 1rem;
      display: inline-block;
      font-size: 0.9rem;
      font-weight: bold;
      height: 1.1rem;
      margin-right: 0.3rem;
      padding: 0.1rem 0.25rem 0.25rem;
      position: relative;
      text-align: center;
      max-width: 1rem;
  }
  
  .projectStats .statsRow {
      margin: 0.7rem 0rem;
  }
  </code></pre>
  
  <p>As you can see, the "Screens" and "Paths" captions are misaligned with the "Video nodes" caption because of its value. I would like the width of the two circle elements (those with class <code>number</code>) to expand to the width of the widest number.
  This - without setting a predefined width. The value is dynamic and can contain any number of digits.</p>
  
  <p>For example - my desired outcome would look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/13YAk.png" alt="enter image description here"></p>
  
  <p><strong>Is there any CSS, non-javascript way to achieve this?</strong></p>