Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
input[type="email"] {
text-align: center;
}
input[type="text"] {
text-align: right;
}
input[type="tel"] {
text-align: left;
}
body {
text-align: center;
}
label {
display: block;
margin-bottom: 30px;
}
</style>
</head>
<body>
<form action="/form/submit" method="post">
<label>Center Alignment
<br>
<input type="email" placeholder="Email">
</label>
<label>Right Alignment
<br>
<input type="text" placeholder="Name">
</label>
<label>Left Alignment
<br>
<input type="tel" placeholder="Phone Number">