テキストの下にアイコンを置きます。

アイコンがテキストの下に来るように、私は何を入力する必要があるのだろうかと思っていました。テキストの下にアイコンを置きます。

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

このコードはアイコンが上にあることを示しています。

ありがとうございます！

出典

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>

答えCenter text above font awesome icon?

から

出典

2017-08-19 01:48:54

テキストの下にアイコンを置きます。

答えて

関連する問題