Float left not working properly

[numbersix]

I need to left align:\[code\] <h2>Sample</h2> <div style="clear: both"></div> <div style="float: left; text-align: left;"> <fieldset> <legend>Cartridges</legend> <input type="button" id="LocIds" name="LocIds" value="http://stackoverflow.com/questions/12785754/Get Locatio" /> </fieldset> </div>\[/code\]Note that in the above code to make the fieldset portion float left, I had to do the following:\[code\] <h2>Sample </h2> <div style="clear: both"></div>\[/code\]Even if I had:\[code\] <div style="clear: both"></div>\[/code\]it would not float left. I had to actually put a div with something in it to work:\[code\] <h2>Sample </h2>\[/code\]I am wondering if there is a better way to make the fieldset portion float left.