Html 如何制作三个边界？

对不起，如果我的问题听起来很愚蠢，我正在努力学习asp.net

不管怎样，我的问题是，如何制作三个边界，像这样：

正如你们所看到的，边框在非常左/右的位置，徽标（图像）在中间 网站的其余部分并没有边界，一点也并没有。只是普通的html

通过查看w3schools示例，我成功地制作了一些边框，就像我给出的图片一样，但我不确定我是否做对了，而且当我制作最后一个边框（右边的那个）时，它似乎位于徽标之后，而不是粘在网页的最右边。

    <div style="float:left;border:3px solid black;width:50px;height:50px;"></div>
    <div style="float:left;"><h1>LOGO</h1></div>
    <div style="float:left;border:3px solid black;width:50px;height:50px;"></div>
  <div style="clear:both"> 
The REST
</div>

标志
其余的

在左侧和右侧设置框，然后在中间区域设置与侧框宽度匹配的左右边距。例如：

<div class="header">
    <div class="left">
        <img src="http://placekitten.com/50/50">
    </div>
    <div class="middle">Pancakes</div>
    <div class="right">
        <img src="http://placekitten.com/50/50">
    </div>
</div>

以及现场版本：

---

另外，请远离W3学校，它们。

将内联样式移到css中file@Janez-当然，我不会因为他的坏评论而对他的工作进行编程，我是对4box说的。我的评论应该是：“@fbox:也将内联样式移到css文件中”：）好的，谢谢。似乎是我想要的。关于w3schools，我不明白为什么我应该远离它，但既然拥有超过30k代表的用户这么说，我会的。我想我应该弄清楚原因soon@4box：不要太相信权威。W3提供了许多不完整和误导性的信息，它们与真正的W3毫无关系，它们只是试图通过游戏谷歌的排名系统来出售无用的证书，等等。请访问，而且是开始寻找东西的好地方。然后才是真正的标准。

.header {
    position: relative; /* Needed for the position:absolute to work properly */
}
.left {
    position: absolute;
    border: 1px solid red;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
}
.middle {
    text-align: center;
    margin: 0 50px;
}    
.right {
    position: absolute;
    border: 1px solid red;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
}