Actually, I think our editor repositioned your example. You'll have better luck if you do your "ASCII Art" using the editor's Code button.
CSS is supposed to handle layour details in JSF. There are a number of CSS options that can help, although some are sensitive to the browser, browser version, and DOCTYPE options of the page.
For a truly dynamic layout, I think you can use EL in the JSF tag's "style=" attribute and provide the necessary CSS information as computed in a backing bean, but normally such extreme measures aren't needed.
Sources may include data from the Fakebook Research Foundation with support from Gargle University