Html 样式谢谢页面

我正试图根据提交的表格设计我的感谢页面。它必须包括： -页面背景色 -用户配置文件图像占位符周围的边框 -在用户信息上方和用户信息下方各一行

感谢页面由三列组成： 第1列用于用户配置文件映像 第2列是除注释外的所有表格信息 第3栏是评论栏

以下是感谢页面的HTML代码：

#列容器{
宽度：960px；
保证金：0自动；
}
#专栏1{
浮动：左；
宽度：240px；
}
#专栏2{
浮动：左；
宽度：480px；
}
#第3栏{
浮动：左；
宽度：240px；
}
#页脚{
明确：两者皆有；
}
#形象{
左边距：自动；
}
#圆柱容器{
背景色：白色；
}

谢谢您提供的信息。
下面是您的个人资料信息。
这里的所有第1列数据
propic.png配置文件Pic

所有第2列数据都在这里

所有第3列数据都在这里

以下代码符合您的要求：

注意：根据需要更改背景颜色和边框颜色

<div class="main-div">
    <header>
        <h1>Thank you for your information.</h1>
        <h3>Below is your profile information.</h3>
        <hr>
    </header>
    <div id="columncontainer">
        <div id="column1">
            <div class="div-col1">
            all column 1 data here
            <figure>propic.png <figcaption>Profile Pic</figcaption> </figure>
        </div>
        </div>

        <div id="column2">
            <div class="div-col2">
            all column 2 data here
            </div>
        </div>

        <div id="column3">
            all column 3 data here
        </div>
    </div>
</div>

---

我是唯一一个认为这个笨蛋想让我们做他的工作的人吗？

    header{
    text-align: center;
}
.main-div {
    background: #ececec; /*change background color here*/
    width: 960px;
    margin: 0 auto;
    min-height: 550px; /*minimum page height*/
    height: auto;
}
#column1, #column2, #column3{
    float: left;
    padding: 0 9px;
}
#column1, #column3{
    width: 25%;
}
#column2 {
    width: 44%;
}
.div-col1{
    border: 1px solid #ccc; /*change border color*/
    padding: 5px;
}
.div-col2{
    border-top: 1px solid #ccc; /*change border color*/
    border-bottom: 1px solid #ccc; /*change border color*/
    padding: 5px;
}
#footer {
    clear: both;
}
#image {
    margin-left: auto;
}