title: Vertical align contents of 2 side-by-side auto-width DIVs
body: <p>I've tried various combinations of html elements and CSS to get this to work to no avail. How do I accomplish the following?</p>
  
  <p>I have two DIVs side-by-side which I want to size automatically according to the width of their contents (was using "display: inline-block" for that). Then, I want the contents of each of those DIVs aligned to the top of the DIV (by default, the contents are bottom-aligned). The contents are a number of labels (spans) and text (database data). Also, these two DIVs should stay to the right of another DIV on the left of the page which is the menu.</p>
  
  <pre><code>MENU      AUTO            ANOTHER
  FIXED     WIDTH           COLUMN (DIV)
  WIDTH     DIV             ALSO
  DIV       ACCORDING       AUTO
            TO              SIZED
            CONTENTS        TOP-ALIGNED
            TOP-ALIGNED     CONTENTS
            CONTENTS        SOME
            SOME            PADDING
            PADDING TO      TO MY LEFT
            MY LEFT AND     AND RIGHT
            RIGHT
  </code></pre>