title: How to center the <legend> element - what to use instead of align:center attribute?
body: <p>What am I missing here?</p>
  
  <p><strong>Edit</strong>, because this doesn't work in a comment:</p>
  
  <p>The below solution results in this:</p>
  
  <pre><code>----------------------------------------------------
  |                                                  |
  |                     Legend text                  |
  </code></pre>
  
  <p>but what I'm going for is:</p>
  
  <pre><code>----------------------Legend text-------------------
  |                                                  |
  |                                                  |
  </code></pre>
  
  <p><strong>Edit #2:</strong></p>
  
  <p>Based on the feedback so far, it is sounding like this whole <code>&lt;legend&gt;</code> tag is a losing proposition.  Does anyone have an example of what they use in lieu of this--something that has a similar appearance that is more reliable?</p>