p{position:relative; display:inline-block; width:50%;}

label:after

{

content: "?";

position:absolute;

right:-20px;

background:gold;

color:red;

width:18px;

height:18px;

font-size:.9em;

text-align:center;

border-radius:50%;

transition: all .3s;

border:1px solid red;

margin:0 0 0 10px;

}

label:hover:before

{

content:attr(datatip); 

position:absolute;

z-index:0;

right:-230px;

top:-100px;

top:0;

transition: all .3s;

width:200px;

border:1px solid red;

}

​

input{width:200px;}