html - 内容在中间，但图像更宽

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