css - 如何在另一个 div 中对齐 2 个 div？

Question

我的要求是我在左侧有两个链接，如果我点击一个链接，相应的页面应该显示在右侧。如何使用标签进行这种安排。我尝试如下所示，但它没有并排显示。 DisplayData 出现在链接底部的位置。提前致谢..

<div id="accountstabs-1">
     <div id="links" style="text-align:left">
         <li><a href="#DisplayData" id="settings1" onclick="manage(this.id)">Manage</a></li>
         <li><a href="#DisplayData-2" id="settings2" onclick="manage(this.id)">Users</a></li>
     </div>
     <div id="DisplayData" style="text-align:right">
         <table class="data">
              <thead>
                <tr> 
                  <th>
                    First Name
                  </th>
                  <th>
                    Last Name
                  </th>
                </tr>
              </thead>
         </table>
     </div>
</div>

Answer 1

CSS:

#accountstabs-1>div {
    float : left;
}

http://jsfiddle.net/T4E88/