title: Getting label to line up with top of div
body: <p>I'm trying to get a label to line up with a div vertically.  I think a picture describes what I'm trying to do; the way it's rendered is how it looks.  The MS Paint-style corrections in blue are what I'd like it to be.  I have included the HTML and CSS below and removed as much extraneous code as I can to get to just the problem.</p>
  
  <p>How can I get that label to go to the top of the type options?</p>
  
  <p>Thanks!</p>
  
  <p><img src="https://i.stack.imgur.com/Hjnyo.png" alt="Screenshot"></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Title&lt;/title&gt;
          &lt;style type="text/css"&gt;
          /* &lt;![CDATA[ */
  
  /* from reset.css */
  
  /* http://meyerweb.com/eric/tools/css/reset/ 
     v2.0 | 20110126
     License: none (public domain)
  */
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
      display: block;
  }
  body {
      line-height: 1;
  }
  ol, ul {
      list-style: none;
  }
  blockquote, q {
      quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
      content: '';
      content: none;
  }
  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  
  
  /* from Application.css */
  
  html {
          min-height: 100%;        
          background-color: White;
          color: Black;
      }
  
      body {
              margin: 0;
              margin-left: auto;
              margin-right: auto;
              color: #383838;
              font-family: arial, helvetica, verdana, sans-serif;
              font-size: 0.8em;
              background-color: transparent;
          }
  
          input, textarea, select { 
                  font-family: inherit;
                  font-size: inherit
              }
  
          div#EverythingDiv {
                  width: 960px;
                  margin-left: auto;
                  margin-right: auto;
                  background: #FFF;
              }    
  
              div.MainContent {
                      margin: 0px auto 0px auto;
                      padding: 0;
                      min-height: 425px;
  
                      text-align: left;
                      clear: both;
                  }
  
  /* from MyPage.css */
  
  div.MainContent div.BasicInformationField {
  
      }
  
      div.MainContent div.BasicInformationField label {
              display: inline-block;
              width: 155px;
              vertical-align: baseline;
          }
  
      div.MainContent div.BasicInformationField label.RadioLabel {
              display: block;
              font-weight: normal;
              width: auto;
          }
  
      div.MainContent div.BasicInformationField textarea {
              vertical-align: baseline;
              font-family: inherit;
              font-size: inherit;
          }
  
      div.MainContent div.BasicInformationField textarea#AddressTextArea {
              height: 3.3em;
              width: 250px;
          }
  
      div.MainContent div.BasicInformationField div#TypeOptionsDiv {
              height: 3.3em;
              width: 250px;
              vertical-align: baseline;
              font-family: inherit;
              font-size: inherit;
              display: inline-block;
          }
  
      div.MainContent div.BasicInformationField input.WebSite {
              width: 250px;
          }
  
          /* ]]&gt; */
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="EverythingDiv"&gt;
              &lt;h1 id="PageTitleH1"&gt;Title&lt;/h1&gt;
  
              &lt;div class="MainContent"&gt;
                  &lt;!-- view --&gt;
  
  
  &lt;form action="MyPage" method="post"&gt;
  &lt;div class="validation-summary-valid" data-valmsg-summary="true"&gt;&lt;ul&gt;&lt;li style="display:none"&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt;
  
  &lt;h2&gt;Basic Information&lt;/h2&gt;
  &lt;div class="BasicInformationField"&gt;
      &lt;label for="WebSiteTextBox"&gt;Web Site:&lt;/label&gt; &lt;input type="text" id="WebSiteTextBox" class="WebSite"/&gt;
  &lt;/div&gt;
  &lt;div class="BasicInformationField"&gt;
      &lt;label for="AddressTextArea"&gt;Address:&lt;/label&gt; &lt;textarea id="AddressTextArea"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div class="BasicInformationField"&gt;
      &lt;label for="PhoneNumberTextBox"&gt;Phone Number:&lt;/label&gt; &lt;input type="text" id="PhoneNumberTextBox" class="WebSite"/&gt;
  &lt;/div&gt;
  &lt;div class="BasicInformationField"&gt;
      &lt;label&gt;Type:&lt;/label&gt;
      &lt;div id="TypeOptionsDiv"&gt;
          &lt;label class="RadioLabel"&gt;&lt;input type="radio" name="Type"/&gt;Type 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/label&gt;
          &lt;label class="RadioLabel"&gt;&lt;input type="radio" name="Type"/&gt;Type 2 - Curabitur non odio hendrerit, hendrerit ante quis, rhoncus neque. Nam ac nisi non lorem accumsan dictum. &lt;/label&gt;
          &lt;label class="RadioLabel"&gt;&lt;input type="radio" name="Type"/&gt;Type 3 - Morbi volutpat at eros ut dictum. Nam non arcu ornare, sodales eros nec, semper ante. Nunc tempor augue a est eleifend suscipit. Nam vel ornare leo.&lt;/label&gt;
          &lt;label class="RadioLabel"&gt;&lt;input type="radio" name="Type"/&gt;Type 4 - Nam vel ornare leo.&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;/form&gt;
                  &lt;!-- weiv --&gt;
                  &lt;div class="Clear"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>