title: Left align two tables while keeping the first (with fluid width) centered
body: <p>The page consists of two tables (golf scores). The first, which is always wider than the second, includes two columns of names and therefore its total width will vary from league to league. The second table only contains numbers and its width will be constant. </p>
  
  <p>I want to align the left edge of the two tables while keeping the first table centered.</p>
  
  <p>If I knew the width of the first table then the issue would be simple, use css to set the html width to that of the table and set the two table left margins to 0. But with the width being fluid the tables move with different content.
  How do I solve this dilemma?</p>