.circliful { position: relative; margin: 0 auto; } .circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; display: inline-block; } .circliful .fa { position: relative; display: block; top: 45px; opacity: .3; filter: alpha(opacity=30); } .circle-text { display: block; left: 0; right: 0; top: 0; } .circle-info { display: block; line-height: 40px !important; top: 70px; opacity: .8; filter: alpha(opacity=80); }