1. Считаем количество линий
2. Считаем количество div'ов
3. Делаем выводы
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<style type="text/css">
.frame {
position: relative;
width: 54px;
overflow: hidden;
}
.horz {
margin-top: 10px;
border: 1px solid #666;
border-left: none;
border-right: none;
height: 10px;
overflow: hidden;
}
.horz-last {
margin-bottom: 10px;
}
.vert-container {
position: absolute;
left: 0;
top: 0;
width: 44px;
padding-left: 10px;
}
.vert {
float: left;
width: 10px;
margin-right: 10px;
border: 1px solid #666;
border-top: none;
border-bottom: none;
height: 54px;
}
</style>
<div class="frame">
<div class="horz"></div>
<div class="horz horz-last"></div>
<div class="vert-container">
<div class="vert"></div>
<div class="vert vert-last"></div>
</div>
</div>
</body>
</html>