中间的内容但图像更宽

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