$(function() { kendo.bind(document.body); });
<div class="wrapper k-content"> <form> <ul> <li> <label class="k-label" for="email">Email:</label> <input class="k-input" type="text" name="email" /> </li> <li> <label class="k-label" for="name">Name:</label> <input class="k-input" type="text" name="name" /> </li> <li> <label class="k-label" for="name">Birthday:</label> <input data-role="datepicker" 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; }