is this a good way to use a <section> tag?
by ritcheyer
HTML
<h3>Application Information</h3>
<section class="gen-info">
<h4>General Info</h4>
<ul>
<li class="group form-inline">
<label for="appName">App Name</label>
<input class="evtReqdInput" id="appName" name="appName" type="text" value="" placeholder="App Name" />
</li>
<li class="group form-inline">
<label for="appDesc">Description</label>
<textarea id="appDesc" name="appDesc" rows="3" cols="40" maxlength="255" placeholder="What does this app do?"></textarea>
</li>
<li class="group form-inline">
<label for="appVersion">Version</label>
<input class="evtReqdInput" id="appVersion" name="appVersion" type="text" value="" />
</li>
</ul>
</section>
<section class="min-reqs">
<h4>Minimum Hardware and Software Requirements</h4>
<ul>
<li class="group form-inline">
<label for="minCPUs">CPUs Needed</label>
<select name="minCPUs" id="minCPUs">
<option value="1" selected="selected">1 CPU</option>
<option value="2">2 CPU</option>
<option value="4">4 CPU</option>
<option value="8">8 CPU</option>
</select>
</li>
<li class="group form-inline">
<label for="minMemory">Memory</label>
<select name="minMemory" id="minMemory">
<option value="1">512 MB</option>
<option value="2" selected="selected">1 GB</option>
<option value="3">2 GB</option>
<option value="4">4 GB</option>
<option value="5">8 GB</option>
<option value="6">16 GB</option>
<option value="7">32 GB</option>
<option value="8">64 GB</option>
</select>
</li>
<li class="group form-inline form-input-append">
<label for="minStorage">Local Storage</label>
<input...
CSS
.min-reqs { float: right; }
.gen-info { float: left; }