Here's a demonstration of the different kind of grid layouts that you can obtain with the Form Builder.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Welcome to Gaia | Gaia Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="Description" content="Gaia Online is an online hangout, incorporating social networking, forums, gaming and a virtual world."/>
<meta name="ROBOTS" content="NOODP"/>
<script type="text/javascript">
// return a config setting. Useful for getting PHP constants
// into a javascript application
function GAIA_config(item) {
switch (item.toLowerCase()) {
case "main_server": return "www.gaiaonline.com";
case "graphics_server": return "s2.cdn.gaiaonline.com";
case "jscompiler_server": return "w.cdn.gaiaonline.com";
case "no_image": return "http://s2.cdn.gaiaonline.com/images/s.gif";
case "avatar_server": return "a2.cdn.gaiaonline.com";
case "town_name": return "barton";
case "session_page": return "100";
case "cache_value": return "380";
default: return null;
}
}
</script>
<link href="http://s2.cdn.gaiaonline.com/src/yui/grids/grids-min.css?2.5.1a" rel="stylesheet" type="text/css" media="screen" />
<link href="http://s2.cdn.gaiaonline.com/src/yui/container/assets/container.css?2.5.1a" rel="stylesheet" type="text/css" media="screen" />
<link href="http://s2.cdn.gaiaonline.com/src/layout/gaialol/screen.css?380" rel="stylesheet" type="text/css" media="screen" title="Default" />
<link href="http://s2.cdn.gaiaonline.com/src/layout/gaialol/print.css?380" rel="stylesheet" type="text/css" media="print" />
<link href="http://s2.cdn.gaiaonline.com/src/css/core.css?380" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://w.cdn.gaiaonline.com/src/_/380/pkg-gaia_core.js"></script>
<script type="text/javascript" src="http://s2.cdn.gaiaonline.com/src/yui/cookie/cookie-beta-min.js?380"></script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">
// Dynamic Vars needed for the header and daily reward.
var dailyChanceSection = function() {
return "";
}
</script>
<link rel="stylesheet" href="http://s2.cdn.gaiaonline.com/src/css/landing/guesthome_abc.css?380-29" type="text/css" media="screen" />
</head>
<body class="index app-page_index time-night">
<div id="gaia_header" class="town-barton">
<div class="time_mask"></div>
<div class="header_content">
<div class="time_mask"></div>
<h1 class="accessAid">Welcome to Gaia! :: Welcome to Gaia</h1>
<div class="gaiaLogo"><div class="bgAlpha"><a href="http://www.gaiaonline.com"><span>Gaia Home</span></a></div></div>
<div id="memberLogin">
<form id="memberloginForm" method="post" action="http://login.gaiaonline.com/gaia/login.php">
<fieldset id="loginfields">
<legend><span> Log In</span></legend>
<input type="hidden" name="token" value="2003017052.1226115793.1057225351" />
<input type="hidden" name="sid" value="" />
<input type="hidden" name="frob" value="6c7f5953ae10db40bc4f7b32f178f89a" />
<input type="hidden" name="toolbar_id" value="" />
<input type="hidden" name="redirect" value="http://www.gaiaonline.com/?logout_success" />
<p id="usernamerow"><label for="username">Username:</label><input type="text" id="username" name="username" class="textbox" value="" /></p>
<p><label for="password">Password:</label><input type="password" id="password" name="password" class="textbox" /></p>
<p id="forgotPass"><a href="/account/sendpass/" title="Forgot your username/password?">Forgot your login?</a></p>
<p id="rememberInfoLabel"><label for="autologin"><input type="checkbox" id="autologin" name="autologin" title="We recommend leaving this unchecked if this is a shared computer." class="autoToolPanel o3" /> Remember Me</label></p>
<p><button type="submit" id="signInButton" name="signInButton" class="submit" value=""><span>Log In</span></button></p>
</fieldset>
<div id="signup">
<h3>Sign Up</h3>
<a href="/register/?v=c" title="Register"><span>Register</span></a>
</div>
</form>
<div id="background" > </div>
</div>
<script type="text/javascript" src="http://s2.cdn.gaiaonline.com/src/js/login/md5-min.js?380-29"></script>
<script type="text/javascript" src="http://s2.cdn.gaiaonline.com/src/js/login/loginform.js?380-29"></script>
<img src="http://www.gaiaonline.com/internal/mkt_t.php?mid=354&tm=1226115793" height="1" width="1" alt="" />
<div class="goldMessage">
<a href="http://www.gaiaonline.com/gaia/map.php?action=gst" title="Find out more about Gaia Standard Time"><img src="http://www.gaiaonline.com/img/gst.gif?1226115793" alt="GST"/></a>
</div>
</div>
<div class="gaia_menu_channel">
<div id="gaia_menu" class="yuimenubar">
<div class="bd">
<ul class="first-of-type">
<li id="home_menubar" class="yuimenubaritem first-of-type"><a href="/" class="yuimenubaritemlabel yuihomeitemlabel">Home</a></li>
<li id="shopping_menubar" class="yuimenubaritem"><a href="/market/" class="yuimenubaritemlabel">Shop</a>
<div id="menu_market" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem first"><a href="/collectibles/" class="yuimenuitemlabel">Monthly Collectibles</a></li>
<li id="gaia_menuitem_cashshop" class="yuimenuitem"><a class="yuimenuitemlabel" href="/market/?cashshop=true">Cash Shop La Victoire</a></li>
<li class="yuimenuitem"><a href="/info/gold/gcash/" class="yuimenuitemlabel">Get Gaia Cash</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/info/gold/gcash/#store_hd">Locate Store</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-Gaia-Cash-Cards/Categories">Send a Gift Card</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a href="/gaia/shopping.php" class="yuimenuitemlabel">Shops</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php?key=suobdlxpawwzvmcs">Barton Boutique</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=uhxrdnkgimmkhslj">Back Alley Bargains</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=ngabwpnnhvmyhins">Durem Depot</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=tctmkgjtjekkblii">Gambino Outfitters</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=ggcmjiwqlqkpvbos">H & R Wesley</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=alpltfbdnxgowsfn">The Ole Fishing Hole</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=aqyvrienpejsqhlq">Crate & Apparel</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=uxzehjwiwxtrueit">Gambino Hat Rack</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=wdwoprgbzbtbjimf">Salon Durem</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=peoikjdnhbalvieu">Phin Phang</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=eazdhzyfhsu3hek8">Sunset Couture</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=gxqxrbzixwydqakn">Sams Body & Parts</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=essxqbkkcfqhuyrn">Barton Jewelers</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=bvnsukowrbkthaiq">Skin Tyte</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=hsozifjktvkcqqxc">The Faktori</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=bpzhydftrxmiydnf">Barton Flowershoppe</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=ndroctlqvprghqqy">Prize & Joy</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a href="/museum/" class="yuimenuitemlabel">Evolving Item Museum</a></li>
<li class="yuimenuitem"><a href="/marketplace/" class="yuimenuitemlabel">Marketplace</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/marketplace/itemsearch/">Item Search</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/marketplace/vendsearch/">All Listings</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a href="http://www.gaiastore.com/servlet/StoreFront" class="yuimenuitemlabel">Merchandise</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-what%27s-new/Categories">What's New</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-clothing/Categories">Clothing</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-accessories/Categories">Accessories</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-gaia-gear/Categories">Gaia Gear</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-plushies-%26-toys/Categories">Plushies & Toys</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-stationery/Categories">Stationery</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-great-deals/Categories">Great Deals</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-Downloads/Categories">Downloads</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-Gaia-Cash-Cards/Categories">Gaia Cash Cards</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.gaiastore.com/servlet/the-zOMG%21/Categories">zOMG!</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/store/custommerchandise/">Customizable Stuff</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li id="community_menubar" class="yuimenubaritem"><a href="/community/" class="yuimenubaritemlabel">Community</a>
<div id="menu_community" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem first"><a href="/forum/" class="yuimenuitemlabel">Forums</a>
</li>
<li class="yuimenuitem"><a href="/guilds/?gmode=search" class="yuimenuitemlabel">Guilds</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/forum/viewtopic.php?t=10057029">FAQ</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a href="/clans" class="yuimenuitemlabel">Clans</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a href="/arena/" class="yuimenuitemlabel">Arenas</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/art/">Art</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/art/painting-and-drawing/vote/">Painting & Drawing</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/art/photography/vote/">Photography</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/art/comics/vote/">Comics</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/writing/">Writing</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/writing/fiction/vote/">Fiction</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/writing/non-fiction/vote/">Non-Fiction</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/writing/poetry-and-lyrics/vote/">Poetry and Lyrics</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/gaia/homes/">Homes</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/gaia/avatar/">Avatar</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/arena/contest/">Contests</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaiaarena/index.php?mode=listArenas">Old Arenas</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem"><a href="/news-and-events/" class="yuimenuitemlabel">News & Events</a>
</li>
<li class="yuimenuitem"><a href="/search/" class="yuimenuitemlabel">Search</a></li>
<li class="yuimenuitem"><a href="/conventions/" class="yuimenuitemlabel">Community Events</a></li>
<li class="yuimenuitem"><a href="/mischiefmakers/" class="yuimenuitemlabel">Mischief Makers</a></li>
</ul>
</div>
</div>
</li>
<li id="world_menubar" class="yuimenubaritem"><a href="/world/" class="yuimenubaritemlabel">World</a>
<div id="menu_world" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem first"><span class="yuimenuitemlabel">Storyline</span>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/newsroom/?type=manga">Manga</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/newsroom/?type=weekly">Mini Comics</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/newsroom/">News Room</a></li>
</ul>
</div>
</div>
</li>
<li id="gaia_menuitem_towns" class="yuimenuitem"><a href="/launch/towns" class="yuimenuitemlabel">Towns</a>
</li>
<li class="yuimenuitem"><a href="/cinema/movies/" class="yuimenuitemlabel">Cinemas</a></li>
<li class="yuimenuitem"><a href="/cinema/vj/" class="yuimenuitemlabel">Video Lounge</a></li>
<li class="yuimenuitem"><span class="yuimenuitemlabel">Sponsored Worlds</span>
<div id="sponsored_worlds" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a id="gaia_menuitem_mtv" class="yuimenuitemlabel" href="/launch/mtv">Virtual Hollywood</a></li>
<li class="yuimenuitem"><a id="gaia_menuitem_kfp" class="yuimenuitemlabel" href="/launch/kfp">Kung Fu Panda</a></li>
<li class="yuimenuitem"><a id="gaia_menuitem_madagascar" class="yuimenuitemlabel" href="/launch/madagascar2">Madagascar 2</a></li> </ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li id="games_menubar" class="yuimenubaritem"><a href="/games/" class="yuimenubaritemlabel">Games</a>
<div id="menu_games" class="yuimenu">
<div class="bd">
<ul>
<li id="gaia_menuitem_zomg" class="yuimenuitem first"><a href="/launch/zomg" class="yuimenuitemlabel">zOMG!</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a href="/games/zomg">zOMG! Microsite</a></li>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=uhxrdnkgimmkhslj">Buy Power-Ups & Gear!</a></li>
</ul>
</div>
</div>
</li>
<li id="gaia_menuitem_rally" class="yuimenuitem"><a href="/launch/rally" class="yuimenuitemlabel">Rally</a>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="/gaia/shopping.php/?key=gxqxrbzixwydqakn">Buy Car Parts</a></li>
</ul>
</div>
</div>
</li>
<li id="gaia_menuitem_jigsaw" class="yuimenuitem"><a href="/launch/gameshell?game=jigsaw" class="yuimenuitemlabel">Jigsaw</a></li>
<li id="gaia_menuitem_fishing" class="yuimenuitem"><a href="/launch/fishing" class="yuimenuitemlabel">Fishing</a>
<div id="phishing_lakes" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><span class="yuimenuitemlabel">Select a Lake</span>
<div class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li id="gaia_menuitem_fishing_bassken" class="yuimenuitem"><a class="yuimenuitemlabel" href="/launch/fishing?l=bassken">Bass'ken Lake</a></li>
<li id="gaia_menuitem_fishing_gambino" class="yuimenuitem"><a class=