title: Make two elements with variable width content the same width
body: <p>I have a container with two child elements (prev/next links). The labels of the prev/next links are different lengths, but I need both of the links to be the same width on the page. Each of the links should be the width of the widest element, but no wider. The pagination container should expand as needed, but should not be the full width of the page, if the text of the links does not require it. The text of the links may change, so I can't set a fixed width on them.</p>
  
  <p>Here's what I have so far: <a href="http://jsbin.com/kukucusabecu/1/edit?html,css,output" rel="nofollow noreferrer">http://jsbin.com/kukucusabecu/1/edit?html,css,output</a>
  What I want is for the "Next" link to be the same width as the "Previous" link, without using fixed widths as the text of the links will be variable.</p>
  
  <p>I have searched SO and all I have found that is relevant is this: <a href="https://stackoverflow.com/questions/1172088/make-two-floated-css-elements-the-same-height">Make Two Floated CSS Elements the Same Height</a>
  However, that's talking about making two elements the same height, not the same width. I do not want to use a table for this, as this is not table data!</p>