将包含浮动div的div居中

Question

我有这段代码：

<div id="cuerpo">
<?php foreach ($sistemas as $cada) { ?>
    <div id="show">
        <a href="<?php echo "index.php?zona=acceso&id=" . $cada['id']; ?>" target="_self"><?php echo $cada['nombre']; ?></a>
        <p><?php echo $cada['descripcion']; ?></p>
    </div>
<?php } ?>
</div>

所以我有一个div代码"cuerpo"，它会模拟一个包含$sistemas div "show" #cuerpo { width: 800px; margin: 0 auto; margin-top: 25px; padding-bottom: 5px; border: solid 2px black; } #show { width: 200px; margin-top: 10px; margin-left: 5px; border: solid 1px black; padding: 5px; } 的所有float: left;。

然后，我有这个css：

scheme

如果我使用{{1}}我的网页内的所有内容都将取消配置并且非常糟糕。

我想要这样的事情：

PS：我{{1}}中的所有内容都在起作用，但不是浮动内容。

感谢您的帮助！

EDIT1：

我根据接受的答案发布了我的实际问题的图像。

Answer 1

只需将display:inline-block用于#show容器即可。请参阅此处的示例：http://jsfiddle.net/GLp3Y/

的 的 __ _ __ _ __ _ __ _ __ _ __ * 修改 *的 _ __ _ 的__ _ __ _ __ _ __ _

如果您需要使用float，则必须将父容器设置为overflow:hidden。请参阅此处的演示：http://jsfiddle.net/GLp3Y/4/

Answer 2

你试过

吗？

#cuerpo{
margin-left : 10%
margin-right : 10%}

将以此为中心

或者你可以把它放在div中，使这个div全宽并使用text-align：center和div并显示：cuerpo上的内联