Html 创建一个包含3个div的div

我有个问题。我有以下任务：

我的代码是：

 <div style="border: 2px solid #ddd; padding: 20px;width: 100%;margin-top:0px;table-layout: fixed;border-spacing: 10px;">
    <div style="display: table-cell;">
        Text
    </div>
    <div style="display: table-cell;">
        <hr>
    </div>
    <div style="display: table-cell;">
        <button></button>
    </div>
</div>

正文

---

但是我没有得到好的结果。你能帮我吗？Thx提前。

您好，您不能使用3 div，但它的工作方式是使用2 div，如下所示

 <div class="main-div">
<div class="border-hr">
    Text
</div>

<div >
    <button>test</button>
</div>

正文
测试

您可以使用以下代码进行检查

---

}

在这里，我们尝试使用画布模拟您的问题：

智慧实验室
您的浏览器不支持HTML5画布标记。
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.moveTo（110,0）；
ctx.lineTo（90100）；
ctx.stroke（）；
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.font=“10px格鲁吉亚”；
ctx.fillText（“文本位置”，10,50）；
ctx.fillText（“这是一个按钮”，110，50）；

请添加您已有结果的一个工作片段，以便我们可以从那里开始。请向我们展示您在开发此类结果方面所做的努力，以便我们可以继续并帮助解决问题code@TanGio您可能想在google中查找“CSS对角线边框”。@TanGio如果获取解决方案，请将我的ans设置为正确，以便获取重复。

.hr {
width:2px;
height:142px;
margin-top: -55px;
background-color:#000000;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);