css - 我如何让这些东西水平而不是垂直？

Question

http://we-live.in/city.html -- 我喜欢并排查看 RESOURCES 和 EVENTS，因为我列出了 3 个以上...而不是一个一个地放在另一个之上 -- 我可以在 div 中这样做还是必须重新设计布局？

  <div id="row1">
    <div class="wrapper">
    <h2><script type="text/javascript">
<!--
document.write('<form name="selecter1"><select name="select1" size=1>');
document.write('<option value=none>Select your destination');
document.write('<option value=none>BUILDING');
document.write('<option value="page1.html">BUILDING');
document.write('<option value="page2.html">NEIGHBORHOOD');
document.write('<option value="page 3.html">CITY');
document.write('</select>');
document.write('  <input type="button" value="Go" onclick="go1()">');
document.write('</form>');
// end hiding contents -->
</script>Resources</h2>
    <h2><script type="text/javascript">
<!--
document.write('<form name="selecter1"><select name="select1" size=1>');
document.write('<option value=none>Select your destination');
document.write('<option value=none>BUILDING');
document.write('<option value="page1.html">BUILDING');
document.write('<option value="page2.html">NEIGHBORHOOD');
document.write('<option value="page 3.html">CITY');
document.write('</select>');
document.write('  <input type="button" value="Go" onclick="go1()">');
document.write('</form>');
// end hiding contents -->
</script>Events</h2>

Answer 1

尝试一点 css

然后从那里开始。