内容居中，但图像更宽

Question

如何设置css，使内容位于中间，但只有一个div，如下所示：

编辑：

+----------------------------+
|         MONITOR            |
|    
|    +----------------+      |
|    |    CONTENT     |      |
|    +-----------------------|---------------+
|    |                       |               |
|    |    IMAGE TO THE RIGHT | REST OF IMAGE |
|    +----------------+------|---------------+
|    |                |      |
|    |    CONTENT     |      |
|    |   MIDDLE OF    |      |
|    |    SCREEN      |      |
|    |                |      |
|    |                |      |
+----------------------------+

编辑2：

我不想要水平卷轴。图像隐藏必须简单地隐藏在右侧后面。

该怎么做呢？

Answer 1

.content {
    width: 400px; /* whatever fixed width */
    min-height: 500px;
    margin: 20px auto;
}

你可以在这里看到现场演示：http://dabblet.com/gist/2730694