title: How to control the postioning of a fieldset with css?
body: <p>I have the following code:    </p>
  
  <pre><code>&lt;fieldset&gt;
      &lt;legend&gt;
          &lt;strong&gt;Personal Information&lt;/strong&gt;
      &lt;/legend&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;label for="first_name"&gt;First Name&lt;/label&gt;&lt;br /&gt;
              &lt;input type="text" id="first_name" name="first_name" value="" maxlength="30" /&gt;
          &lt;/li&gt;
          ...
      &lt;/ul&gt;
  &lt;/fieldset&gt;
  &lt;fieldset&gt;
      &lt;legend&gt;
          &lt;strong&gt;Car Information&lt;/strong&gt;
      &lt;/legend&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;label for="car_make"&gt;Make&lt;/label&gt;&lt;br /&gt;
              &lt;input type="text" id="car_make" name="car_make" value="" maxlength="30" /&gt;
          &lt;/li&gt;
          ...
      &lt;/ul&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>Right now everything is on the left hand side where the second fieldset (car information) is right below the first fieldset (personal information).</p>
  
  <p>I would like the car information fieldset to be on the right hand side of the personal information fieldset so they are side by side. Using css, how would I do this?</p>