title: Automatically resizing labels
body: <p>I am trying to create an interface where two labels share a space, similar to an html table with two columns would: there is a distance between the two and when the window is resized they both resize and stay the same size, keeping the distance between them and filling up the available space.</p>
  
  <pre><code>e.g. | 10px to edge | label1 (50%) | 5px spacing | label2 (50%) | 10px to edge |
  </code></pre>
  
  <p>If the window is resized the margins and the spacing should stay the same while the two labels should evenly distribute the available space between themselves.</p>
  
  <p>After multiple attempts (e.g. putting them in a custom view takes care of the margins) I cannot figure out the correct layout constraints to make this happen.</p>