Html 响应箱的中心对齐

我正在努力创建能够有效堆叠和居中对齐的响应性吊舱（盒子）。已成功将框堆叠，但无法成功应用中心对齐。与当前的左对齐方式相反，需要将方框居中对齐：

当前代码：

.container {
    width:100%;
    height:600px;
}

.content {
    float:left;
    height:275px;
    margin-left:10px;
    margin-right:10px;
}

.content1 {
    width:300px;
    padding:10px;
    margin-top:20px;
    border: 1px solid rgb(204, 204, 204);
}

.content2 {
    width:300px;
    padding:10px;
    margin-top:20px;
    border: 1px solid rgb(204, 204, 204);
}

---

方框1
Lorem ipsum dolor sit amet，是一位杰出的献身者。维塔里苏斯森佩尔，福西布斯·努拉·维塔伊，外卖。这是一种非常简单的方法

方框2
Lorem ipsum dolor sit amet，是一位杰出的献身者。维塔里苏斯森佩尔，福西布斯·努拉·维塔伊，外卖。这是一种非常简单的方法

---

非常感谢大家的帮助

可以做很多工作来改进整体结构和代码可读性，但要回答您的问题，请添加

text align:center.container

类中的

.content

的浮动替换为

显示：内联块



    .fullbox{
        margin: 0 auto;
        display: table;
    }
    .container {
        width:100%; 
    }

    .content {
        float:left;
        height:275px;
        margin-left:10px;
        margin-right:10px;
    }

    .content1 {
        width:300px;
        padding:10px;
        margin-top:20px;
        border: 1px solid rgb(204, 204, 204);
    }

    .content2 {
        width:300px;
        padding:10px;
        margin-top:20px;
        border: 1px solid rgb(204, 204, 204);
    }

方框1
Lorem ipsum dolor sit amet，是一位杰出的献身者。维塔里苏斯森佩尔，福西布斯·努拉·维塔伊，外卖。这是一种非常简单的方法

方框2
Lorem ipsum dolor sit amet，是一位杰出的献身者。维塔里苏斯森佩尔，福西布斯·努拉·维塔伊，外卖。这是一种非常简单的方法

您需要将两个箱子放在一起居中吗@Chris@RiotZeast Captain我知道，即使屏幕尺寸减小，也要求两个盒子居中对齐。目前，当屏幕尺寸显著减小时，两个框左对齐。现在，两个框在最大屏幕尺寸时正确居中对齐。但是，当屏幕尺寸减小时，框堆栈将左对齐。在上面的示例中看不到上述所需的代码更改吗？我想用纯HTML/CSS实现的是什么？@Chris检查更新的fiddle或添加媒体查询，如上图所示。


    .fullbox{
        margin: 0 auto;
        display: table;
    }
    .container {
        width:100%; 
    }

    .content {
        float:left;
        height:275px;
        margin-left:10px;
        margin-right:10px;
    }

    .content1 {
        width:300px;
        padding:10px;
        margin-top:20px;
        border: 1px solid rgb(204, 204, 204);
    }

    .content2 {
        width:300px;
        padding:10px;
        margin-top:20px;
        border: 1px solid rgb(204, 204, 204);
    }