css - 将包含 float 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>

所以我有一个 ID 为 "cuerpo" 的 div，它会模拟一个包含每个 div 中的所有 $sistemas 的盒子 调用了 “show”。

然后，我有这个 css:

#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; 我网页中的所有内容都将是未配置的并且非常糟糕。

我想要这样的东西:

PS:我的 scheme 中的所有内容都在工作，但不是 float 的东西。

感谢您的帮助!

编辑 1:

我根据接受的答案发布了一张图片，其中包含我的实际问题。

Answer 1

只需为您的#show 容器使用display:inline-block。请参阅此处的示例:http://jsfiddle.net/GLp3Y/

_________________*编辑*____ ____________

如果您需要使用float，您必须将父容器设置为overflow:hidden。在此处查看演示:http://jsfiddle.net/GLp3Y/4/