<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
window.onload = function () {
document.getElementById('per').parentNode.removeChild(document.getElementById('per'));
}
</script>
</head>
<style type="text/css">
body > div {
display: table;
border-spacing: 15px;
border: solid 3px red;
width: 100%;
}
body > div div {
display: table-row;
border: solid 1px green;
}
body > div div div {
display: table-cell;
border: solid 1px navy;
}
</style>
<body>
<div>
<div>
<div id="per">
<p>ячейка 1</p>
</div>
<div>
<p>ячейка 2</p>
</div>
<div>
<p>ячейка 3</p>
</div>
<div>
<p>ячейка 4</p>
</div>
</div>
<div>
<div>
<p>ячейка 1</p>
</div>
<div>
<p>ячейка 2</p>
</div>
<div>
<p>ячейка 3</p>
</div>
<div>
<p>ячейка 4</p>
</div>
</div>
<div>
<div>
<p>ячейка 1</p>
</div>
<div>
<p>ячейка 2</p>
</div>
<div>
<p>ячейка 3</p>
</div>
<div>
<p>ячейка 4</p>
</div>
</div>
</div>
</body>
</html>
