Text input padding

by kmouse

HTML

<textarea class="pad" rows="4">sample text
sample text
sample text
sample text
sample text
sample text
sample text
sample text</textarea>

CSS

body {
  background: #ddd;
  color: #444;
  text-align: center;
}

input,
textarea {
  display: block;
  margin: 15px auto;
	border: 2px solid #999;
  padding: 10px 15px;
  width: 150px;
}

.shadow {
  text-shadow: -30px -10px #f00;
}

.border-radius {
  border-radius: 15px;
}

.pad {
	padding: 200px 0;
}