如何让两个链接显示在同一行？

现有两个超链接，<a href="#">修改</a> 和<a href="#">保存</a>,“保存”链接在页面加载时，是隐藏的，当点击“修改”链接时，显示“保存”链接，为了将“保存”链接和“修改”链接显示在同一行，我做了如下设置：
<div id="a1" style="display:inline"><a href="javascript:onSubmitForRule()">[保存]</a></div>
但是不起作用！请教各位大虾，怎么才能让两个链接显示在同一行？

解决方案 »

  1.   


    <div id="a1" style="display:inline">
        <a href="javascript:onSubmitForRule()">[保存]</a>
        <a href="#">修改</a>
    </div>
      

  2.   


    <div id="a1" style="display:inline">
    <a href="javascript:onSubmitForRule()" style="float:left;" >[保存]</a>
    <a href="#" style="float:left;" >修改</a>
    </div>同时你要保证你的列宽足够，否则会被浏览器强行换行
      

  3.   


    <div id="a1" style="width:200px;display:inline">
    <a href="#" onclick="document.getElementById('sav').style.display=''">[修改]</a>
    <a id="sav" href="javascript:onSubmitForRule()" style="display:none">[保存]</a>
    </div>
      

  4.   

    估计是div宽度不够，因为a标签式不会自动换行的
    建议查看div的宽度看看
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <style type="text/css">
      </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showOpen() {

    document.getElementById("a1").style.display="block";
    }
    //-->
    </SCRIPT>
     </HEAD> <BODY>
     <a href="JavaScript:showOpen()">修改</a>
      <div style="position:absolute;display:inline"><a href="javascript:onSubmitForRule()" style="display:none" id="a1">[保存]</a></div>

     </BODY>
    </HTML>