lining up fieldset tags horizontally in css3

Problem

I cannot get these two fieldsets to line up horizontally.I've tried every variation of float and display I could think of. I currently do not have these elements in a div although I tried that too. Do they have to be in a div?

<fieldset class="bio1">
  <legend>Name</legend>
  <p>President</p><br/>
</fieldset>
<fieldset class="bioimage">
   <legend>Picture</legend>
   <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/BioImages/bio.jpg" />
 </fieldset>
Problem courtesy of: dinotom

Solution

A matter of CSS (not especially CSS3). Set both of them (fieldsets css) to

display: inline-block;
vertical-align: top; /* enter your desired option */
Solution courtesy of: alexbusu

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.