title: Label element placement in HTML
body: <p>I wanna put a label("country") below a select statement("country dropdown") and no matter what I try I just couldn't make it happen. I am new to web design. Any advice would be awesome. Thank you. </p>
  
  <p><a href="https://i.stack.imgur.com/Y6Rdt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y6Rdt.png" alt="enter image description here"></a></p>
  
  <p>If you see the bottom right, you'll see country label next to the dropdown. I want it under it like the rest of the code.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
        &lt;div class="col-xs-4" style="padding-left:0px"&gt;
           &lt;input class="form-control" type="text" maxlength="5"&gt;
           &lt;label class="description"&gt;Postal/Zip code&lt;/label&gt;
        &lt;/div&gt;
  
        &lt;div class="countryDropdown col-xs-4" style="float:right" &gt;
        &lt;select name="dropdown" id="myCountry"&gt;
           &lt;option value="select"&gt;Please Select&lt;/option&gt;
            &lt;option value="US"&gt;United States&lt;/option&gt;
            &lt;option value="UK"&gt;United Kingdom&lt;/option&gt;
            &lt;option value="INDIA"&gt;India&lt;/option&gt;
        &lt;/select&gt;
        &lt;label class="description" &gt;Country&lt;/label&gt;
        &lt;/div&gt;
  </code></pre>