使用CSS在单独的框中显示父项和子项

请查看以下URL：

"http://jsfiddle.net/7rsx0r4h/"

我希望输出像带边框的输出表一样，应该看起来像单独的框，但不想更改我的html（div布局）。还有每个盒子我需要一些空间，然后另一个盒子开始

谢谢， 曼尼什语演示-

为第一个div添加了大纲

将主体更改为父id或类

body > div {
    outline:1px solid #4679bd;
}

将边框颜色更改为白色，使其看起来像空白

div div {
   border-top: 2px solid white;
}

body>div{
外形：1px实心#4679bd；
}
div{
宽度：496px；
边框：2倍纯白；
边界顶部：0；
颜色：#fff；
文本对齐：居中；
字体大小：120%；
背景#4679bd；
}
div div{
字体大小：100%；
宽度：自动；
边界：0；
边框顶部：2件纯白；
线高：250%；
}

Divs:

1.
1.1
1.2
1.2.1
2.
2.1
2.2
2.2.1
3.
4.


表:

1.
1.1
1.2
1.2.1
2.
3.
3.1

我认为最好使用以下属性：边框折叠：分离；边界间距：2px；边框颜色：灰色；不，不，我不能更改我的html。这对我来说是不可能的。因为我们正在从另一台服务器获取此html。