<!doctype html> <html><head><title>Dynamic manipulation of !important</title> <style> div { float: left; width: 50px; height: 50px; margin: 5px; background-color: green } div#control { width: 230px } p { clear: left } </style> <body> <div></div> <div></div> <div></div> <div></div> <p></p> <div></div> <div></div> <div></div> <div></div> <p></p> <div id="control"></div> <p>There should be two rows of four green squares and one solid green bar above.</p> </body> </html>