标签元素在HTML中的位置

时间:2016-11-27 04:36:50

标签: html css html5 twitter-bootstrap label

我想在选择语句("国家/地区下拉菜单")下方添加一个标签("国家"),无论我尝试什么,我都无法实现。我是网页设计的新手。任何建议都会很棒。谢谢。

enter image description here

如果您看到右下角,则会在下拉列表旁边看到国家/地区标签。我希望它像其他代码一样。

<div class="form-group">
      <div class="col-xs-4" style="padding-left:0px">
         <input class="form-control" type="text" maxlength="5">
         <label class="description">Postal/Zip code</label>
      </div>

      <div class="countryDropdown col-xs-4" style="float:right" >
      <select name="dropdown" id="myCountry">
         <option value="select">Please Select</option>
          <option value="US">United States</option>
          <option value="UK">United Kingdom</option>
          <option value="INDIA">India</option>
      </select>
      <label class="description" >Country</label>
      </div>

1 个答案:

答案 0 :(得分:0)

尝试以下css

  #myCountry{
    width: 100%;
  }
  .countryDropdown label{
    clear: both;
  }
相关问题