div的两列居中放置并对每个div设计css样式

在网页设计中，我们经常需要创建一个包含两个左右结构div的页面布局，其中一个div位于左侧，另一个位于右侧，并且这两个div都被居中放置在一个更大的div内部。这种布局对于展示不同的内容块非常有用。接下来，我们将通过HTML和CSS来实现这种布局。

我们需要创建一个HTML文件，定义页面的基本结构。在这个文件中，我们将使用三个主要的div元素，分别命名为content、side和main。其中，content div将包含另外两个div，即side和main。

以下是HTML代码示例：

我们通过CSS样式来定义每个div的外观和行为。在上面的代码中，我们定义了每个div的背景颜色、大小以及位置等属性。通过这种方式，我们可以轻松实现一个包含左右结构并居中放置的页面布局。现在，你可以将这个HTML文件保存为一个网页文件（例如index.html），然后在浏览器中打开它，查看最终的页面布局效果。这种布局非常适用于展示各种类型的网页内容，你可以根据需要调整每个div的大小和内容来适应你的网页设计需求。