title: Vertical Alignment for Fieldset Elements
body: <p>After an incredible amount of tinkering with CSS, I have managed to get my form elements to line up correctly. Unfortunately I cannot for the life of me figure out how to fix the labels/images from being positioned wrong. I want them to line up centered next to the select boxes, but they align at the top of it and nothing I have tried thus far has worked.</p>
  
  <p><img src="https://i.stack.imgur.com/3NXXA.png" alt="enter image description here"></p>
  
  <pre><code>                &lt;fieldset style="width:62%; float:left; margin-left: 19%;"&gt;
  
                          &lt;label style="width: float: left;"&gt;Type&lt;/label&gt;
                          &lt;select style="width:40%; float: left;"&gt;
                              &lt;option&gt;Motherboard&lt;/option&gt;
                              &lt;option&gt;Memory&lt;/option&gt;
                              &lt;option&gt;Processor&lt;/option&gt;
                          &lt;/select&gt;
  
                          &lt;label style="width:auto; float: left;"&gt;Item&lt;/label&gt;
                          &lt;select style="width:40%; float: left;"&gt;
                              &lt;option&gt;Motherboard&lt;/option&gt;
                              &lt;option&gt;Memory&lt;/option&gt;
                              &lt;option&gt;Processor&lt;/option&gt;
                          &lt;/select&gt;
  
                          &lt;a href="#"&gt;&lt;img src="images/icn_trash.png" style="width:auto; float: left;"&gt;&lt;/a&gt;
                          &lt;a href="#"&gt;&lt;img src="images/icn_new_article.png" style="width:auto; float: left;"&gt;&lt;/a&gt;
  
                  &lt;/fieldset&gt;&lt;div class="clear"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><em>Update</em></p>
  
  <p>When changing it to use a Table instead, it appears as the following...</p>
  
  <p><img src="https://i.stack.imgur.com/YPo18.png" alt="enter image description here"></p>
  
  <pre><code>                    &lt;div id="inv1" class="inventory" style="margin:0; padding:0;"&gt;
                          &lt;fieldset style="width:62%; float:left; margin-left: 19%;"&gt;
  
                          &lt;table style="width:100%"&gt;
                          &lt;tr&gt;
  
                              &lt;td style="width:5%;"&gt;&lt;label style="width:auto;"&gt;Type:&lt;/label&gt;&lt;/td&gt;
                              &lt;td&gt;&lt;select style="width:100%;"&gt;
                                  &lt;option&gt;Motherboard&lt;/option&gt;
                                  &lt;option&gt;Memory&lt;/option&gt;
                                  &lt;option&gt;Processor&lt;/option&gt;
                              &lt;/select&gt;&lt;/td&gt;
  
                              &lt;td style="width:5%;"&gt;&lt;label style="width:auto;"&gt;Item:&lt;/label&gt;&lt;/td&gt;
                              &lt;td&gt;&lt;select style="width:100%;"&gt;
                                  &lt;option&gt;Motherboard&lt;/option&gt;
                                  &lt;option&gt;Memory&lt;/option&gt;
                                  &lt;option&gt;Processor&lt;/option&gt;
                              &lt;/select&gt;&lt;/td&gt;
  
                              &lt;td&gt;&lt;a href="#"&gt;&lt;img src="images/icn_trash.png" style="width:auto;"&gt;&lt;/a&gt;&lt;/td&gt;
                              &lt;td&gt;&lt;a href="#" class="btnAddInventory"&gt;&lt;img src="images/icn_new_article.png" style="width:auto;"&gt;&lt;/a&gt;&lt;/td&gt;
  
                          &lt;/tr&gt;
                          &lt;/table&gt;
  
                          &lt;/fieldset&gt;&lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>