Light text inputs

by dipish

HTML

<div class="light-input" style="width: 140px;">
    <input type="text" class="text" />
    <label>First name</label>
</div>
<div class="light-input" style="width: 140px;">
    <input type="text" class="text" />
    <label>Last name</label>
</div>
<div class="light-input">
    <input type="text" class="text" />
    <label>Position</label>
</div>

CSS

input:focus {
    outline: none;
}

.light-input {
    width: 220px;
    height: 33px;
    padding: 0;
    line-height: 0px;
    text-align: right;
}

    .light-input input.text {
        font-size: 12px;
        height: 15px;
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: solid #d9d9d9 1px;
        width: 100%;
        color: #000;
        background: none;
    }

    .light-input label {
        margin: 0;
        font-size: 9px;
        line-height: 8px;
        color: #a0a0a0;
    }