2017-08-19 1 views
0

Ich fragte mich, was ich eingeben musste, damit das Symbol UNTER/UNTER dem Text sein konnte.Setzen Sie das Symbol unter den Text.

<a href="#"><div class="resume"> 
    <h4><i class="fa fa-address-card" style='display: block' ></i> Resume</h4> 
</div> </a> 

Dieser Code besagt, dass das Symbol oben steht.

Vielen Dank im Voraus!

Antwort

0

p { 
 
    <!-- set the paragraph position as absolute --> 
 
     vertical-align: bottom; 
 
     display: inline-block; 
 
     position: absolute; 
 
     } 
 
    
 
i { 
 
    <!-- set the image position relatively --> 
 
     vertical-align: top; 
 
     margin-top: 8%; 
 
     margin-left: 0.7%; 
 
     position: relative; 
 
     }
<head> 
 
     <!--let's assume u chose the fa-camera-retro icon--> 
 
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
 
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"> 
 
    </head> 
 

 
    <body> 
 
     <div id="icon_labeled">` 
 
      <p>Truc</p> 
 
      <i class="fa fa-camera-retro"></i>   
 
     </div> 
 
    </body>

Antwort von Center text above font awesome icon?

Verwandte Themen