Source code

Revision control

Copy as Markdown

Other Tools

<!doctype html>
<html>
<head>
<style>
.container {
width: 400px;
background: #ddd;
}
.text-input {
width: 200px; /* 50% */
padding: 40px; /* 10% */
background: #fff;
}
</style>
</head>
<body>
<div class="container">
<input type="text" class="text-input" />
</div>
</body>
</html>