自动边距将 p 标签推开

Question

创建了一个名为 top div 的包装 div，将一个名为 Title 的 p 标签向左对齐，另一个名为 buttonCP 的 div 包含 4 个 p 标签，与中心对齐，边距为 0 auto。现在我想要一个名为 Button5 的最终 p 标签与顶部 div 内的右侧对齐，但似乎无法做到。检查元素显示 buttonCP margin auto 可能会将最终的 p 标签推出包装器 div。知道如何将 Button5 与 Title 和 buttonCP 放在同一行吗？提前致谢！

这里是 jsfiddle 链接： https://jsfiddle.net/6r6jzypy/

<style> #topdiv {
background-color: #F0F0F0;
height: 40px;
width: 100%;
border: 2px solid #D8D8D8;
float:left;
}
p[name=heading] {
    margin: 0;
    font-weight: bold;
    padding: 10px 8px 6px 8px;
    float:left;
    font-size: 1.0em;
}
#Result {
    margin: 0;
    float: right;
}
.button1 {
    background-color: #D8D8D8;
    margin-top: 3px;
    float: left;
    padding: 6px 8px 6px 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 2px solid #D8D8D8;
    border-right: 1px;
}
.button2 {
    background-color: #D8D8D8;
    margin-top: 3px;
    float: left;
    padding: 6px 8px 6px 8px;
    border: 2px solid #D8D8D8;
    border-right: 1px;
}
.button3 {
    background-color: #D8D8D8;
    margin-top: 3px;
    float: left;
    padding: 6px 8px 6px 8px;
    border: 2px solid #D8D8D8;
    border-right: 1px;
}
.button4 {
    background-color: #D8D8D8;
    margin-top: 3px;
    float: left;
    padding: 6px 8px 6px 8px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 2px solid #D8D8D8;
}
#buttonCP {
    height: 34px;
    width: 290px;
    margin: 0 auto;
}
</style>

<body>
    <div id="topdiv">
        <p name="heading">Title</p>
        <div id="buttonCP">
            <p class="button1">Button1</p>
            <p class="button2">Button2</p>
            <p class="button3">Button3</p>
            <p class="button4">Button4</p>
        </div>
        <p id="Result">Button5</p>
    </div>
</body>

Answer 1

试试这个：

<div id="topdiv">
<p name="heading">Title</p>
<p id="Result">Button5</p>  
<div id="buttonCP">
    <p class="button1">Button1</p>
    <p class="button2">Button2</p>
    <p class="button3">Button3</p>
    <p class="button4">Button4</p>
</div>


</div>

Live demo