title: Multiple elements with same width equal to widest element
body: <p>I have two elements (a button and an anchor tag) both with a dynamical text inside that grow to the length of their content.<br>
  I cannot know which one of them will be the longest at compile time, nor can I know what the maximum/minimum width will be.<br>
  The shorter one should always adapt to the longest one.</p>
  
  <pre><code>&lt;span id="buttonsColumn"&gt;
      &lt;button type="submit" name="powerSearchSubmitButton" id="powerSearchSubmitButton"&gt;
          &lt;span&gt;&lt;em&gt;&lt;%=ViewData.Model.T9nProvider.TranslateById("CommonWeb.Search")%&gt;&lt;/em&gt;&lt;/span&gt;
      &lt;/button&gt;                    
      &lt;a class="linkButton" href="something"&gt;
          &lt;span&gt;&lt;em&gt;&lt;%=ViewData.Model.T9nProvider.TranslateById("CommonWeb.Advanced")%&gt;&lt;/em&gt;&lt;/span&gt;
      &lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>The wrapping <code>span</code> can be changed to anything desired.<br>
  Any ideas?</p>