Label tag numeric text box

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<label><div class="x-label" title="simple">Simple textbox with very long label </div><div class="x-input"><input class="k-textbox" /></div></label><br/>
<label><div class="x-label" title="number">Number</div><div class="x-input"><input data-role="numerictextbox"/></div></label><br/>
<label><div class="x-label" title="simple">DropDown1 box</div><div class="x-input"><select data-role="dropdownlist"><option>Value1</option><option>Value2</option> </select></div></label>

CSS

div {
    display: inline-block;
}

.x-label {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

JavaScript

kendo.bind($('body'));