Inline labels

by dreamdealer

HTML

<label>
    Label
    <input type="text" name="ajuus" value="" />
</label>

CSS

* {
    font-family: verdana;  
    font-size: 13px;
}
label {
    position: relative;
    z-index: 3;
    padding: 5px 0px 0px 6px;
    display: block;
    color: #999;
}
input:focus,
input:not([value='']) {
    background: #FFFFFF;   
}
input {
    padding: 4px;
    position: absolute; 
    left: 0;
    top: 0;
    background: transparent;
    border: 1px solid #000;
}