This is more of an HTML & CSS question than Kendo.
1 You are displaying your content via a DIV, which by default is a box level element. To override this you need to set it as an inline element.
2 An element ID attribute can only be used once within a document. You can fix this problem by using the
class.
The following is an HTML/CSS sample for you to work with.
You will need to remove the 4 hard-coded elements out and replace it with your Kendo loop
<html>
<head>
<title>Test</title>
<style type="text/css">
.box { display: inline; width: 100px; }
</style>
</head>
<body>
<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
<div class="box">Box 4</div>
</body>
</html>