Center text above font awesome icon?

Question

How can I horizontally and vertically center text above font awesome icon?

Example code:

Answer 1

p {
  
       vertical-align: bottom;
       display: inline-block;  
       position: absolute;
        }
   
i {
      
      vertical-align: top;
      margin-top: 6%;
      margin-left: 0.7%;
      position: relative;
        }

    
       
    
      
    

    
        
`
           
Truc