So I am having unusual placement issues when using <fieldset>. I'm obviously not using any kind of best practice (please do tell) for making placement easy. Here is the current issue (see below), i've encountered many as i've tried different strategies just to get the fields to line up one row per line... If i take the last (2nd) selection input away, I get one line per entry just fine... Confused... Suggestions would be appreciated. <div class="div-actions"> <div class="div-top-band"> <h3 style="text-align: center;">Action Section</h3> </div> <div class="div-action-repeating"> <fieldset class="repeating_actions"> <button type="roll" name="roll_action" class="input-action-roll" value="/em xyz example"></button> <select name="attr_action_type" class="input-action-type"> <option selected>Attack</option> <option>Attack</option> <option>Spell</option> <option>Action</option> <option>Effect</option> <option>Damage</option> <option>Misc</option> </select> <input type="text" name="attr_action_desc" value="" class="input-action-desc" placeholder="Description"> <input type="number" name="attr_action_numdice" min="1" max="10" class="input-action-numdice" value="1" title = "# Dice" /><br /> <select name="attr_action_die" class="input-action-die"> <option selected>d20</option> <option>d20</option> <option>d12</option> <option>d10</option> <option>d8</option> <option>d6</option> <option>d4</option> <option>d100</option> </select> </fieldset> </div> </div> .div-actions { border-radius: 15px 0px 0px 15px; border-style: groove; background: #FFFFFF; width: 602px; height: 314px; margin: 1px 5px 4px 5px; overflow-y:scroll; } .div-top-band { background-color: #EFEEEA; } .div-action-repeating { width:580px; clear: both; float:left; } .input-action-type { width: 63px; height: 20px !important; padding: 0px; font-size: 14px; margin-left: 4px; margin-top: 1px; float:left; } .input-action-desc { width: 120px; height: 20px !important; font-size: 14px; padding:0 px; margin-left: 4px; float:left; } .input-action-numdice { width: 10px; height: 20px !important; font-size: 12px; padding:0 px; margin-left: 4px; float:left; } .input-action-die { width: 50px; height: 20px !important; font-size: 14px; padding:0 px; margin-left: 4px; float:left; } .input-action-roll { padding:0 px; margin-left: 4px; float:left; }