CSS3 – Agregar carácter a la derecha de un div, útil en formularios UX

form-label-2-puntos

HTML:

<div class="form_label">Nombre</div>  
<input type="text" value="">

 

CSS3:

.form_label{
    float: left;
    width: 250px;
    padding-top: 6px;
    position: relative;
}

.form_label:after{
    content: ":";
    position: absolute;
    right: 0;
    padding-right: 5px;
}
post-author