title: HTML element right-aligned to edge of sibling centered element
body: <p>I would like to get a specific layout using CSS, as follows, and I'm not sure if it's possible.  There's some text inside a div that is centered.  Underneath, there is another div with text inside; what I'd like to do is to right-align this text so that its right edge is flush with the right edge of the text above it.</p>
  
  <p>Using CSS, I have no idea how to do this.  Clearly the following approach will not work, because the sub-header will right-align to the container.  But is there any trick to accomplish the alignment I want?</p>
  
  <p><s>
  &lt;div style='text-align: center;'>This is some headline text&lt;/div></p>
  
  <p>&lt;div style='text-align: right;'>Sub-header text&lt;/div>
  </s></p>
  
  <p><strong>Note:</strong> Strong preference is for straight CSS (no Javascript if possible).</p>
  
  <p><strong>Note #2:</strong> I'm not stuck with the above HTML.  I can use any markup that accomplishes the described alignment.</p>