html - フォーム、ラベルと入力用の個別の div

Question

入力用に個別の div とラベル用に個別の div を使用することは正しいですか? 例えば：

<div class="labels">
     <label for="place-name">Place name: </label>
     <label for="place-cat">Category: </label>
</div>

<div class="inputs">
     <input type="text" name="place-name">
     <select name="place-cat">
          <option value="value-01">Value 01</option>
          <option value="value-02">Value-02</option>
     </select>
</div>

前もって感謝します。

Answer 1

You can use this 

<style>
.clear{
clear:both;
margin:5px;
padding:5px 0px;
}
.labels{
float:left;
width:100px;
}
.inputs{
float:left;
}
</style>

<div class="clear">
<div class="labels"><label for="place-name">Place name: </label></div>
<div class="inputs"><input type="text" name="place-name"></div>
</div>

<div class="clear">
<div class="labels"><label for="place-cat">Category: </label></div>
<div class="inputs"><select name="place-cat">
          <option value="value-01">Value 01</option>
          <option value="value-02">Value-02</option>
     </select></div>
</div>