Placez l'icône sous le texte.

Je me demandais ce que j'avais besoin de saisir, pour que l'icône soit EN DESSOUS/SOUS le texte.Placez l'icône sous le texte.

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

Ce code indique que l'icône est au-dessus.

Merci d'avance!

Source

2017-08-19 ComputerProgammerG

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>

réponse de Center text above font awesome icon?

Source

2017-08-19 01:48:54

Placez l'icône sous le texte.

Répondre

Questions connexes