html - Set "text content" in CSS when user is holding mouse on a price plan -


i have created price plan css , html overlay effect. now, want add text content when user hover 1 of plans , should "choose plan." have tried adding "content" variable on .green:after , works, can't figure out how align middle.

how should proceed?

http://codepen.io/anon/pen/wabmgo

you should add .green:after - text-align: center align text horizontally , padding-top make inside margin in block.

for example:

.overlay:after {   position: absolute;   content:"money";   top:0;   left:0;   text-align: center;   padding-top: 65px;   width:100%;   height:100%;   opacity:0; } 

Comments

Popular posts from this blog

php - Admin SDK -- get information about the group -

dns - How To Use Custom Nameserver On Free Cloudflare? -

Python Error - TypeError: input expected at most 1 arguments, got 3 -