将2个div行合并为1

时间:2015-04-24 22:20:42

标签: html css footer

如何将这两行合并为一条?我希望它们都在同一条线上的页脚上显示,而不是在彼此的顶部显示;左侧的版权和右侧的印章

<div align="left">
  © Copyright 2015
</div>

<div align="right"; id="siteseal"><script type="text/javascript" 
src="https://seal.godaddy.com/getSeal?
sealID=uCXy8FY4wxQSQ6UQxA9hMdKU7bpt6msZcKVOa4W04tulP31if83EsCcPWG4P">
</script></div>

1 个答案:

答案 0 :(得分:0)

在第一个div上

style="display:inline-block;"

在第二个div上

style="display:block; float:right" 

以下是一个例子:

<body>
    <div id=footer style="width:80%; margin:auto; background-color:rgb(50,50,50);">
        <div style="display:inline-block; color:white; padding-left:20px">
            © Copyright 2015
        </div>
        <div style="display:block; float:right; color:white; padding-right:20px">
            Fundhor
        </div>
    </div>
</body>