title: CSS - Use calc() to keep widths of elements the same
body: <p>Is something like this possible in CSS?</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td id="elementOne"&gt;elementOne&lt;/td&gt;
      &lt;td id="elementtwo"&gt;elementtwo&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;div style="width: calc(document.getElementById(elementOne).width)"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So that the div is always the same width as <code>elementOne</code>. </p>
  
  <p>Is there such a feature in CSS, using calc() or some other means?</p>