Edit in JSFiddle

$(function() {

    kendo.bind(document.body);
    
});

<div class="wrapper k-content k-rtl">
    <form>
        <ul>
            <li>
                <label class="k-label" for="email">Email:</label>
                <input class="k-input" type="text" name="email" accesskey="m" />
            </li>
            <li>
                <label class="k-label" for="name">Name:</label>
                <input class="k-input" type="text" name="name" accesskey="n" />
            </li>
             <li>
                <label class="k-label" for="name">Birthday:</label>
                <input data-role="datepicker" name="name" accesskey="b" />
            </li>
            <li>
                <textarea rows="10" cols="50" data-role="editor" name="name" />
            </li>
        </ul>
    </form>
</div>

body, html {
    width: 100%;
    height: 100%;
}

.wrapper {
    width: 100%;
    height: 100%;
}    

FORM {
    margin: auto;
    padding-top: 20px;
    width: 400px;
}

input {
    font-size: 1.5em;
    width: 195px;
}

li {
    margin-bottom: 10px;
}

label {
    display: inline-block;
    width: 200px;
}